From 72b381e5144aaf4ed2fe84f081f3e4be55b615f9 Mon Sep 17 00:00:00 2001 From: roiLeo Date: Wed, 4 May 2022 17:45:15 +0200 Subject: [PATCH 01/30] =?UTF-8?q?=F0=9F=92=85=20wip=20fresh=20UI?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/Navbar.vue | 57 ++++++++------- components/base/CarouselCardList.vue | 52 +++++++++----- components/common/WalletModal.vue | 13 ++-- components/landing/Landing.vue | 71 +++++++++++++++---- components/rmrk/Gallery/Search/SearchBar.vue | 2 +- .../Gallery/Search/SearchBarCollection.vue | 2 +- .../Gallery/Search/SearchSortDropdown.vue | 2 +- .../rmrk/Profile/NavbarProfileDropdown.vue | 6 +- components/shared/ConnectWalletButton.vue | 4 +- components/shared/KodadotSocialLinks.vue | 51 +++++++++++++ .../rmrk/subsquid/lastNftListByEvent.graphql | 15 +++- styles/derived-variables.scss | 11 +-- styles/global.scss | 54 +++++++------- styles/initial-variables.scss | 2 +- 14 files changed, 233 insertions(+), 109 deletions(-) create mode 100644 components/shared/KodadotSocialLinks.vue diff --git a/components/Navbar.vue b/components/Navbar.vue index 2d83240364..96c73dd42d 100644 --- a/components/Navbar.vue +++ b/components/Navbar.vue @@ -96,7 +96,7 @@ - + From 03b11894baffff23aa36c43b7d7944cd8972bfb6 Mon Sep 17 00:00:00 2001 From: roiLeo Date: Fri, 12 Aug 2022 15:33:11 +0200 Subject: [PATCH 23/30] =?UTF-8?q?=F0=9F=8C=9E=20navbar=20&=20tags=20light?= =?UTF-8?q?=20theme=20fix?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles/themes/light.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/styles/themes/light.scss b/styles/themes/light.scss index 0f46eaf86a..bac1a531f7 100644 --- a/styles/themes/light.scss +++ b/styles/themes/light.scss @@ -55,7 +55,8 @@ html.light-mode { background-color: rgba(12, 12, 12, 0.7) !important; } - .navbar-dropdown { + .navbar-dropdown, + .navbar-menu { color: $text-light-theme; background-color: #fff; box-shadow: rgba(229, 229, 229, 0.55) !important; @@ -113,7 +114,8 @@ html.light-mode { .button:not(.is-primary), .input, - .textarea { + .textarea, + .taginput .taginput-container.is-focusable { color: $text-light-theme; background-color: #fff; } From 0bf0928d560b5ac710cd5ae40c5e5a9cfb9b9eec Mon Sep 17 00:00:00 2001 From: roiLeo Date: Fri, 12 Aug 2022 15:46:04 +0200 Subject: [PATCH 24/30] =?UTF-8?q?=F0=9F=8C=9E=20searchbar=20light=20theme?= =?UTF-8?q?=20fix?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles/themes/light.scss | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/styles/themes/light.scss b/styles/themes/light.scss index bac1a531f7..dee681fd90 100644 --- a/styles/themes/light.scss +++ b/styles/themes/light.scss @@ -56,7 +56,7 @@ html.light-mode { } .navbar-dropdown, - .navbar-menu { + .navbar-menu.is-active { color: $text-light-theme; background-color: #fff; box-shadow: rgba(229, 229, 229, 0.55) !important; @@ -66,10 +66,9 @@ html.light-mode { color: $text-light-theme; } - .search-navbar { - input { - background-color: rgba(229, 229, 229, 0.55); - } + .search-navbar input, + .search-navbar-container-mobile input { + background-color: rgba(229, 229, 229, 0.55); } } From c5f91fe58748a340af05e25a181e56bb992c6d47 Mon Sep 17 00:00:00 2001 From: roiLeo Date: Fri, 12 Aug 2022 16:09:28 +0200 Subject: [PATCH 25/30] =?UTF-8?q?=F0=9F=8C=9E=20teleport=20&=20transform?= =?UTF-8?q?=20fix?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/rmrk/Create/Admin/AdminPanel.vue | 122 +++++---- pages/rmrk/admin.vue | 6 +- pages/teleport.vue | 222 +++++++---------- pages/transfer.vue | 261 +++++++++----------- pages/westend/admin.vue | 8 +- 5 files changed, 277 insertions(+), 342 deletions(-) diff --git a/components/rmrk/Create/Admin/AdminPanel.vue b/components/rmrk/Create/Admin/AdminPanel.vue index c9362b4d7a..affd3a9f9d 100644 --- a/components/rmrk/Create/Admin/AdminPanel.vue +++ b/components/rmrk/Create/Admin/AdminPanel.vue @@ -1,68 +1,62 @@ diff --git a/pages/teleport.vue b/pages/teleport.vue index 19cdc3d7da..ca18c6f653 100644 --- a/pages/teleport.vue +++ b/pages/teleport.vue @@ -3,107 +3,105 @@ - + :to="`/${this.urlPrefix}/u/${destinationAddress}`" + class="pl-4 is-flex is-align-items-center"> + Go to artist's profile -
-

- Teleport {{ unit }} - ${{ $store.getters['fiat/getCurrentKSMValue'] }} -

- +

+ Teleport {{ unit }} + ${{ $store.getters['fiat/getCurrentKSMValue'] }} +

+ + + + + + + +

+ {{ routeMessage }} +

+ + + + + + + +
- + - - - -

- {{ routeMessage }} -

- - - - - + + - -
- - - - - - -
+
-
- - {{ $t('general.submit') }} - - - {{ $t('View Transaction') }} {{ transactionValue.substring(0, 6) - }}{{ '...' }} - - - - - - {{ $t('Copy Payment link') }} - -
-
-
- πŸŽ‰ Congratulations for supporting - -
- - {{ $t('Tweet about your awesome donation') }} - +
+ + {{ $t('general.submit') }} + + + {{ $t('View Transaction') }} {{ transactionValue.substring(0, 6) + }}{{ '...' }} + + + + + + {{ $t('Copy Payment link') }} + +
+
+
+ πŸŽ‰ Congratulations for supporting +
+ + {{ $t('Tweet about your awesome donation') }} +
@@ -124,6 +122,7 @@ import { urlBuilderTransaction } from '@/utils/explorerGuide' import { calculateUsdFromKsm, calculateKsmFromUsd } from '@/utils/calculation' import { findCall, getApiParams } from '@/utils/teleport' import UseApiMixin from '~/utils/mixins/useApiMixin' +import PrefixMixin from '~/utils/mixins/prefixMixin' @Component({ components: { @@ -144,7 +143,8 @@ export default class Transfer extends mixins( TransactionMixin, AuthMixin, ChainMixin, - UseApiMixin + UseApiMixin, + PrefixMixin ) { protected destinationAddress = '' protected transactionValue = '' @@ -403,35 +403,3 @@ export default class Transfer extends mixins( } } - - diff --git a/pages/transfer.vue b/pages/transfer.vue index af9f004d6e..6fe08a6714 100644 --- a/pages/transfer.vue +++ b/pages/transfer.vue @@ -4,130 +4,128 @@ - + class="pl-4 is-flex is-align-items-center"> + Go to artist's profile -
-

- Transfer {{ unit }} - ${{ $store.getters['fiat/getCurrentKSMValue'] }} -

+

+ Transfer {{ unit }} + ${{ $store.getters['fiat/getCurrentKSMValue'] }} +

+ + + + + +
+ Your donation will be sent to: + + + +
+ +
- + {{ $t('general.balance') }} + -
- Your donation will be sent to: - - - -
- -
- - {{ $t('general.balance') }} - - -
+
+ + + + +
- + - -
- - - - - - -
+ + + +
-
- - {{ $t('general.submit') }} - - - {{ $t('View Transaction') }} {{ transactionValue.substring(0, 6) - }}{{ '...' }} - - - - - - {{ $t('Copy Payment link') }} - - - {{ $t('general.copyRewardLink') }} - -
-
-
- πŸŽ‰ Congratulations for supporting - -
- - {{ $t('Tweet about your awesome donation') }} - +
+ + {{ $t('general.submit') }} + + + {{ $t('View Transaction') }} {{ transactionValue.substring(0, 6) + }}{{ '...' }} + + + + + + {{ $t('Copy Payment link') }} + + + {{ $t('general.copyRewardLink') }} + +
+
+
+ πŸŽ‰ Congratulations for supporting +
+ + {{ $t('Tweet about your awesome donation') }} +
@@ -412,36 +410,3 @@ export default class Transfer extends mixins( } } - - diff --git a/pages/westend/admin.vue b/pages/westend/admin.vue index 53f99a013b..27a47a48db 100644 --- a/pages/westend/admin.vue +++ b/pages/westend/admin.vue @@ -16,7 +16,7 @@ import AdminPanel from '@/components/rmrk/Create/Admin/AdminPanel.vue' title, type: 'profile', description: 'Create carbonless NFTs with low on-chain fees', - url: '/rmrk/admin', + url: '/westend/admin', image: `${this.$config.baseUrl}/k_card_mint.png`, } return { @@ -25,5 +25,9 @@ import AdminPanel from '@/components/rmrk/Create/Admin/AdminPanel.vue' } }, }) -export default class TransferPage extends Vue {} +export default class WestendAdminPage extends Vue { + layout() { + return 'centered-half-layout' + } +} From b878fc21fede8dc55e8e0e6afcf27cb225b9dc86 Mon Sep 17 00:00:00 2001 From: roiLeo Date: Sat, 13 Aug 2022 01:31:19 +0200 Subject: [PATCH 26/30] =?UTF-8?q?=F0=9F=A7=B9=20clean=20unused=20css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/bsx/Gallery/Item/ActionList.vue | 2 +- components/bsx/Offer/OffersUserTable.vue | 2 +- components/bsx/Offer/StatsOverview.vue | 2 +- components/common/FrequentlyAsked.vue | 6 +- components/landing/Contact.vue | 19 ----- components/landing/Landing.vue | 9 ++- components/rmrk/Gallery/History.vue | 29 -------- components/rmrk/Gallery/Holder/Holder.vue | 26 ------- components/rmrk/Gallery/Search/SearchBar.vue | 2 +- .../Gallery/Search/SearchBarCollection.vue | 4 +- components/rmrk/Profile/Sales.vue | 29 -------- components/shared/Loader.vue | 4 +- components/shared/form/BasicSwitch.vue | 2 + .../unique/Collection/Item/CollectionItem.vue | 2 +- pages/about.vue | 16 ++-- pages/contact.vue | 28 ------- pages/jobs.vue | 4 +- pages/tutorials.vue | 2 +- styles/animations.scss | 11 +++ styles/atomic.scss | 16 ---- styles/global.scss | 73 +++++++++---------- 21 files changed, 78 insertions(+), 210 deletions(-) delete mode 100644 components/landing/Contact.vue delete mode 100644 pages/contact.vue diff --git a/components/bsx/Gallery/Item/ActionList.vue b/components/bsx/Gallery/Item/ActionList.vue index 6fd53d43d6..647dd763bb 100644 --- a/components/bsx/Gallery/Item/ActionList.vue +++ b/components/bsx/Gallery/Item/ActionList.vue @@ -3,7 +3,7 @@ diff --git a/components/bsx/Offer/OffersUserTable.vue b/components/bsx/Offer/OffersUserTable.vue index bca6f3fdf1..2bffafdeba 100644 --- a/components/bsx/Offer/OffersUserTable.vue +++ b/components/bsx/Offer/OffersUserTable.vue @@ -14,7 +14,7 @@ @input="updateList" :label="$t('offer.burnedToggle')" size="is-medium" - labelColor="is-success" /> + labelColor="has-text-success" />

-

+

{{ `${data.status} ${$t('statsOverview.offers')} / ${$t( 'statsOverview.values' diff --git a/components/common/FrequentlyAsked.vue b/components/common/FrequentlyAsked.vue index 317886b745..b713d05ffd 100644 --- a/components/common/FrequentlyAsked.vue +++ b/components/common/FrequentlyAsked.vue @@ -1,12 +1,12 @@ + + diff --git a/pages/hot.vue b/pages/hot.vue index 99dca01154..4d58675c23 100644 --- a/pages/hot.vue +++ b/pages/hot.vue @@ -14,7 +14,7 @@ import { Vue, Component } from 'nuxt-property-decorator' title, type: 'profile', description: 'Featuring the hot NFTs on RMRK.', - url: './hot.vue', + url: '/hot.vue', image: `${this.$config.baseUrl}/k_card_series.png`, } return { From a41c4a5e6105f1e38b622fb4166410f06af9faeb Mon Sep 17 00:00:00 2001 From: roiLeo Date: Sat, 13 Aug 2022 01:48:46 +0200 Subject: [PATCH 28/30] =?UTF-8?q?=F0=9F=94=A7=20refactor=20seo=20canonical?= =?UTF-8?q?=20link?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/rmrk/Gallery/GalleryItem.vue | 7 ------- components/rmrk/Profile/ProfileDetail.vue | 7 ------- pages/bsx/collection/_id.vue | 7 ------- pages/bsx/create.vue | 7 ------- pages/bsx/detail/_id.vue | 11 ----------- pages/bsx/explore.vue | 7 ------- pages/bsx/gallery/_id.vue | 11 ----------- pages/rmrk/collection/_id.vue | 7 ------- pages/rmrk/explore.vue | 7 ------- 9 files changed, 71 deletions(-) diff --git a/components/rmrk/Gallery/GalleryItem.vue b/components/rmrk/Gallery/GalleryItem.vue index 50dccc81d1..4aa9712173 100644 --- a/components/rmrk/Gallery/GalleryItem.vue +++ b/components/rmrk/Gallery/GalleryItem.vue @@ -177,13 +177,6 @@ import { mapToId } from '@/utils/mappers' } return { title: this.pageTitle, - link: [ - { - hid: 'canonical', - rel: 'canonical', - href: this.$root.$config.baseUrl + this.$route.path, - }, - ], meta: [...this.$seoMeta(metaData)], } }, diff --git a/components/rmrk/Profile/ProfileDetail.vue b/components/rmrk/Profile/ProfileDetail.vue index b5f9474c23..4ea4492890 100644 --- a/components/rmrk/Profile/ProfileDetail.vue +++ b/components/rmrk/Profile/ProfileDetail.vue @@ -314,13 +314,6 @@ const components = { } return { title, - link: [ - { - hid: 'canonical', - rel: 'canonical', - href: this.$root.$config.baseUrl + this.$route.path, - }, - ], meta: [...this.$seoMeta(metaData)], } }, diff --git a/pages/bsx/collection/_id.vue b/pages/bsx/collection/_id.vue index 675ac8d924..15d6634d66 100644 --- a/pages/bsx/collection/_id.vue +++ b/pages/bsx/collection/_id.vue @@ -29,13 +29,6 @@ type CurrentCollection = { image: this.image, } return { - link: [ - { - hid: 'canonical', - rel: 'canonical', - href: this.$root.$config.baseUrl + this.$route.path, - }, - ], title, meta: [...this.$seoMeta(metaData)], } diff --git a/pages/bsx/create.vue b/pages/bsx/create.vue index 012e8d8c8b..f10ccd12de 100644 --- a/pages/bsx/create.vue +++ b/pages/bsx/create.vue @@ -38,13 +38,6 @@ const components = { Collection, NFT } } return { title, - link: [ - { - hid: 'canonical', - rel: 'canonical', - href: this.$root.$config.baseUrl + this.$route.path, - }, - ], meta: [...this.$seoMeta(metaData)], } }, diff --git a/pages/bsx/detail/_id.vue b/pages/bsx/detail/_id.vue index 109f2544f7..f7cf8f841f 100644 --- a/pages/bsx/detail/_id.vue +++ b/pages/bsx/detail/_id.vue @@ -12,17 +12,6 @@ import GalleryItem from '@/components/bsx/Gallery/Item/GalleryItem.vue' components: { GalleryItem, }, - head() { - return { - link: [ - { - hid: 'canonical', - rel: 'canonical', - href: this.$root.$config.baseUrl + this.$route.path, - }, - ], - } - }, }) export default class GalleryItemPage extends Vue {} diff --git a/pages/bsx/explore.vue b/pages/bsx/explore.vue index f277badf5f..1d31ea190e 100644 --- a/pages/bsx/explore.vue +++ b/pages/bsx/explore.vue @@ -23,13 +23,6 @@ const components = { } return { title, - link: [ - { - hid: 'canonical', - rel: 'canonical', - href: this.$root.$config.baseUrl + this.$route.path, - }, - ], meta: [...this.$seoMeta(metaData)], } }, diff --git a/pages/bsx/gallery/_id.vue b/pages/bsx/gallery/_id.vue index 109f2544f7..f7cf8f841f 100644 --- a/pages/bsx/gallery/_id.vue +++ b/pages/bsx/gallery/_id.vue @@ -12,17 +12,6 @@ import GalleryItem from '@/components/bsx/Gallery/Item/GalleryItem.vue' components: { GalleryItem, }, - head() { - return { - link: [ - { - hid: 'canonical', - rel: 'canonical', - href: this.$root.$config.baseUrl + this.$route.path, - }, - ], - } - }, }) export default class GalleryItemPage extends Vue {} diff --git a/pages/rmrk/collection/_id.vue b/pages/rmrk/collection/_id.vue index 1f9d1efab6..15d6634d66 100644 --- a/pages/rmrk/collection/_id.vue +++ b/pages/rmrk/collection/_id.vue @@ -30,13 +30,6 @@ type CurrentCollection = { } return { title, - link: [ - { - hid: 'canonical', - rel: 'canonical', - href: this.$root.$config.baseUrl + this.$route.path, - }, - ], meta: [...this.$seoMeta(metaData)], } }, diff --git a/pages/rmrk/explore.vue b/pages/rmrk/explore.vue index e23bffae47..c069b7c9a5 100644 --- a/pages/rmrk/explore.vue +++ b/pages/rmrk/explore.vue @@ -23,13 +23,6 @@ const components = { } return { title, - link: [ - { - hid: 'canonical', - rel: 'canonical', - href: this.$root.$config.baseUrl + this.$route.path, - }, - ], meta: [...this.$seoMeta(metaData)], } }, From 18ea8126662cbf4b9dd686a71d76ea382a7818f9 Mon Sep 17 00:00:00 2001 From: roiLeo Date: Sat, 13 Aug 2022 02:04:53 +0200 Subject: [PATCH 29/30] =?UTF-8?q?=F0=9F=94=A7=20remove=20duplicated=20scop?= =?UTF-8?q?ped=20code?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/hot.vue | 6 ------ pages/sales.vue | 6 ------ pages/series-insight.vue | 6 ------ pages/spotlight.vue | 6 ------ styles/global.scss | 4 ++++ 5 files changed, 4 insertions(+), 24 deletions(-) diff --git a/pages/hot.vue b/pages/hot.vue index 4d58675c23..f684e40118 100644 --- a/pages/hot.vue +++ b/pages/hot.vue @@ -25,9 +25,3 @@ import { Vue, Component } from 'nuxt-property-decorator' }) export default class HotDashboard extends Vue {} - - diff --git a/pages/sales.vue b/pages/sales.vue index 7581677901..75068769c6 100644 --- a/pages/sales.vue +++ b/pages/sales.vue @@ -40,9 +40,3 @@ import { Component, Vue } from 'nuxt-property-decorator' }) export default class Sales extends Vue {} - - diff --git a/pages/series-insight.vue b/pages/series-insight.vue index dedcc28fb2..5288f0bea5 100644 --- a/pages/series-insight.vue +++ b/pages/series-insight.vue @@ -41,9 +41,3 @@ import { Component, Vue } from 'nuxt-property-decorator' }) export default class Series extends Vue {} - - diff --git a/pages/spotlight.vue b/pages/spotlight.vue index 4058c33f1c..5a2af688c8 100644 --- a/pages/spotlight.vue +++ b/pages/spotlight.vue @@ -41,9 +41,3 @@ import { Component, Vue } from 'nuxt-property-decorator' }) export default class Spotlight extends Vue {} - - diff --git a/styles/global.scss b/styles/global.scss index 1a3cdbadf4..731e4cd746 100644 --- a/styles/global.scss +++ b/styles/global.scss @@ -281,3 +281,7 @@ button.button.navbar-link-background { } } } + +.rmrk-logo { + aspect-ratio: 127 / 42; +} From 7bd5f97ce4c4a0ee9406d607cde0b0ad39b2f2e2 Mon Sep 17 00:00:00 2001 From: roiLeo Date: Sun, 14 Aug 2022 14:40:12 +0200 Subject: [PATCH 30/30] =?UTF-8?q?=F0=9F=8C=9E=20bulma=20table=20&=20loadin?= =?UTF-8?q?g=20container=20fix?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/shared/Loader.vue | 8 ++++---- styles/derived-variables.scss | 20 +++++++------------- styles/themes/light.scss | 25 +++++++++++++++++++++++++ 3 files changed, 36 insertions(+), 17 deletions(-) diff --git a/components/shared/Loader.vue b/components/shared/Loader.vue index 501b9191dd..3788e9887d 100644 --- a/components/shared/Loader.vue +++ b/components/shared/Loader.vue @@ -9,7 +9,10 @@


- +
{{ randomFunFactQuestion }}
@@ -106,9 +109,6 @@ export default class Loader extends Vue { border-bottom: 1px solid #fff; padding: 0.5rem 1rem; } -.funfact-icon { - color: $primary-light; -} .question { min-height: 70px; } diff --git a/styles/derived-variables.scss b/styles/derived-variables.scss index 5feaa0362d..ab710760dd 100644 --- a/styles/derived-variables.scss +++ b/styles/derived-variables.scss @@ -19,8 +19,7 @@ $success: $green; // $light: $white-ter; $dark: $black; -// // Invert colors - +// Invert colors // $orange-invert: findColorInvert($orange); // $yellow-invert: findColorInvert($yellow); // $green-invert: findColorInvert($green); @@ -48,9 +47,8 @@ $dark: $black; // $light-invert: findColorInvert($light); // $dark-invert: findColorInvert($dark); -// // General colors +// General colors $scheme-main: #181717; -// $scheme-main: $black; $scheme-main-bis: $black-bis; $scheme-main-ter: $black-ter; $scheme-invert: $white; @@ -67,23 +65,20 @@ $text-light-theme: #1f1f1f; // $border-light: $grey-lightest; // $border-light-hover: $grey-light; -// // Text colors - +// Text colors $text: #f8f4f6; // $text-invert: findColorInvert($text); // $text-light: $grey; // $text-strong: $grey-darker; -// // Code colors - +// Code colors // $code: darken($red, 15%); // $code-background: $background; // $pre: $text; // $pre-background: $background; -// // Link colors - +// Link colors $link: #fff; // $link: $primary; // $link-invert: findColorInvert($link); @@ -100,8 +95,7 @@ $link-hover: $primary; // $link-active: $grey-darker; // $link-active-border: $grey-dark; -// // Typography - +// Typography $family-primary: $family-monospace; // $family-secondary: $family-sans-serif; // $family-code: $family-monospace; @@ -111,7 +105,7 @@ $family-primary: $family-monospace; // $size-medium: $size-5; // $size-large: $size-4; -// // Lists and maps +// Lists and maps // $custom-colors: null; // $custom-shades: null; diff --git a/styles/themes/light.scss b/styles/themes/light.scss index dee681fd90..fea3667e7d 100644 --- a/styles/themes/light.scss +++ b/styles/themes/light.scss @@ -159,4 +159,29 @@ html.light-mode { color: $primary; } } + + .table { + color: $text-light-theme; + background-color: #fff; + + &.is-hoverable tbody tr:not(.is-selected):hover { + background-color: hsl(0deg, 0%, 92%); + } + + th { + color: hsl(0deg, 0%, 8%); + } + } + + .b-table .table-wrapper.has-sticky-header tr:first-child th { + background-color: #fff; + } + + .loading-container { + background: rgba(243, 243, 243, 0.88); + + .funfact-text { + color: $text-light-theme; + } + } }