neo.mjs 5.18.0 → 6.0.1

package/resources/scss/theme-dark/table/View.scss

@@ -1,29 +1,13 @@
-$neoMap: map-merge($neoMap, (
-    'table-cell-background-color-hover'                    : #54595c,
-    'table-cellmodel-selected-cell-background-color'       : #64B5F6,
-    'table-cellmodel-selected-cell-color'                  : #2b2b2b,
-    'table-cellmodel-selected-column-cell-background-color': #4f558a,
-    'table-cellmodel-selected-column-cell-color'           : #bbb,
-    'table-cellrowmodel-selected-cell-background-color'    : #64B5F6,
-    'table-cellrowmodel-selected-cell-color'               : #2b2b2b,
-    'table-cellrowmodel-selected-row-cell-background-color': #4f558a,
-    'table-cellrowmodel-selected-row-cell-color'           : #bbb,
-    'table-rowmodel-selected-cell-background-color'        : #64B5F6,
-    'table-rowmodel-selected-cell-color'                   : #2b2b2b
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-table-view
-        --table-cell-background-color-hover                    : #{neo(table-cell-background-color-hover)};
-        --table-cellmodel-selected-cell-background-color       : #{neo(table-cellmodel-selected-cell-background-color)};
-        --table-cellmodel-selected-cell-color                  : #{neo(table-cellmodel-selected-cell-color)};
-        --table-cellmodel-selected-column-cell-background-color: #{neo(table-cellmodel-selected-column-cell-background-color)};
-        --table-cellmodel-selected-column-cell-color           : #{neo(table-cellmodel-selected-column-cell-color)};
-        --table-cellrowmodel-selected-cell-background-color    : #{neo(table-cellrowmodel-selected-cell-background-color)};
-        --table-cellrowmodel-selected-cell-color               : #{neo(table-cellrowmodel-selected-cell-color)};
-        --table-cellrowmodel-selected-row-cell-background-color: #{neo(table-cellrowmodel-selected-row-cell-background-color)};
-        --table-cellrowmodel-selected-row-cell-color           : #{neo(table-cellrowmodel-selected-row-cell-color)};
-        --table-rowmodel-selected-cell-background-color        : #{neo(table-rowmodel-selected-cell-background-color)};
-        --table-rowmodel-selected-cell-color                   : #{neo(table-rowmodel-selected-cell-color)};
-    }
-}
+:root .neo-theme-dark { // .neo-table-view
+    --table-cell-background-color-hover                    : #54595c;
+    --table-cellmodel-selected-cell-background-color       : #64B5F6;
+    --table-cellmodel-selected-cell-color                  : #2b2b2b;
+    --table-cellmodel-selected-column-cell-background-color: #4f558a;
+    --table-cellmodel-selected-column-cell-color           : #bbb;
+    --table-cellrowmodel-selected-cell-background-color    : #64B5F6;
+    --table-cellrowmodel-selected-cell-color               : #2b2b2b;
+    --table-cellrowmodel-selected-row-cell-background-color: #4f558a;
+    --table-cellrowmodel-selected-row-cell-color           : #bbb;
+    --table-rowmodel-selected-cell-background-color        : #64B5F6;
+    --table-rowmodel-selected-cell-color                   : #2b2b2b;
+}

package/resources/scss/theme-dark/table/header/Button.scss

@@ -1,17 +1,7 @@
-$neoMap: map-merge($neoMap, (
-    'table-header-button-background-color'       : #323232,
-    'table-header-button-background-image'       : linear-gradient(#3c3f41, #323232),
-    'table-header-button-color'                  : #bbb,
-    'table-header-button-glyph-color'            : #bbb,
-    'table-header-button-ripple-background-color': darken(#5d83a7, 10%),
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-table-header
-        --table-header-button-background-color       : #{neo(table-header-button-background-color)};
-        --table-header-button-background-image       : #{neo(table-header-button-background-image)};
-        --table-header-button-color                  : #{neo(table-header-button-color)};
-        --table-header-button-glyph-color            : #{neo(table-header-button-glyph-color)};
-        --table-header-button-ripple-background-color: #{neo(table-header-button-ripple-background-color)};
-    }
+:root .neo-theme-dark { // .neo-table-header
+    --table-header-button-background-color       : #323232;
+    --table-header-button-background-image       : linear-gradient(#3c3f41, #323232);
+    --table-header-button-color                  : #bbb;
+    --table-header-button-glyph-color            : #bbb;
+    --table-header-button-ripple-background-color: #{darken(#5d83a7, 10%)};
 }

package/resources/scss/theme-dark/toolbar/Base.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'toolbar-background-color': #323232,
-    'toolbar-padding'         : 5px
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-toolbar
-        --toolbar-background-color: #{neo(toolbar-background-color)};
-        --toolbar-padding         : #{neo(toolbar-padding)};
-    }
-}
+:root .neo-theme-dark { // .neo-toolbar
+    --toolbar-background-color: #323232;
+    --toolbar-padding         : 5px;
+}

package/resources/scss/theme-dark/tree/List.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'tree-list-color'          : #bbb,
-    'tree-list-menu-item-color': lighten(#33343d, 20%)
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-tree-list
-        --tree-list-color          : #{neo(tree-list-color)};
-        --tree-list-menu-item-color: #{neo(tree-list-menu-item-color)};
-    }
-}
+:root .neo-theme-dark { // .neo-tree-list
+    --tree-list-color          : #bbb;
+    --tree-list-menu-item-color: #{lighten(#33343d, 20%)};
+}

package/resources/scss/theme-light/Global.scss

@@ -1,17 +1,7 @@
-$neoMap: map-merge($neoMap, (
-    'neo-background-color': #fafafa,
-    'neo-color'           : #000,
-    'neo-disabled-opacity': 0.5,
-    'neo-font-family'     : '"Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif',
-    'neo-font-smoothing'  : antialiased
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light {
-        --neo-background-color: #{neo(neo-background-color)};
-        --neo-color           : #{neo(neo-color)};
-        --neo-disabled-opacity: #{neo(neo-disabled-opacity)};
-        --neo-font-family     : #{neo(neo-font-family)};
-        --neo-font-smoothing  : #{neo(neo-font-smoothing)};
-    }
-}
+:root .neo-theme-light {
+    --neo-background-color: #fafafa;
+    --neo-color           : #000;
+    --neo-disabled-opacity: 0.5;
+    --neo-font-family     : "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
+    --neo-font-smoothing  : antialiased;
+}

package/resources/scss/theme-light/apps/covid/HeaderContainer.scss

@@ -1,23 +1,10 @@
-$neoMap: map-merge($neoMap, (
-    'covid-header-active-background-color'   : rgba(100, 181, 246, .65),
-    'covid-header-active-color'              : darken(#64b5f6, 20%),
-    'covid-header-cases-background-color'    : rgba(187, 187, 187, .65),
-    'covid-header-cases-color'               : darken(#bbb, 30%),
-    'covid-header-deaths-background-color'   : rgba(251, 103, 103, .65),
-    'covid-header-deaths-color'              : darken(#fb6767, 20%),
-    'covid-header-recovered-background-color': rgba( 40, 218, 111, .65),
-    'covid-header-recovered-color'           : darken(#28ca68, 20%)
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .covid-header-container
-        --covid-header-active-background-color   : #{neo(covid-header-active-background-color)};
-        --covid-header-active-color              : #{neo(covid-header-active-color)};
-        --covid-header-cases-background-color    : #{neo(covid-header-cases-background-color)};
-        --covid-header-cases-color               : #{neo(covid-header-cases-color)};
-        --covid-header-deaths-background-color   : #{neo(covid-header-deaths-background-color)};
-        --covid-header-deaths-color              : #{neo(covid-header-deaths-color)};
-        --covid-header-recovered-background-color: #{neo(covid-header-recovered-background-color)};
-        --covid-header-recovered-color           : #{neo(covid-header-recovered-color)};
-    }
-}
+:root .neo-theme-light { // .covid-header-container
+    --covid-header-active-background-color   : rgba(100, 181, 246, .65);
+    --covid-header-active-color              : #{darken(#64b5f6, 20%)};
+    --covid-header-cases-background-color    : rgba(187, 187, 187, .65);
+    --covid-header-cases-color               : #{darken(#bbb, 30%)};
+    --covid-header-deaths-background-color   : rgba(251, 103, 103, .65);
+    --covid-header-deaths-color              : #{darken(#fb6767, 20%)};
+    --covid-header-recovered-background-color: rgba( 40, 218, 111, .65);
+    --covid-header-recovered-color           : #{darken(#28ca68, 20%)};
+}

package/resources/scss/theme-light/apps/covid/country/Gallery.scss

@@ -1,17 +1,7 @@
-$neoMap: map-merge($neoMap, (
-    'covid-gallery-background-color'             : #fff,
-    'covid-gallery-border-color'                 : #ddd,
-    'covid-gallery-item-border-color'            : rgba(73,120,184,.5),
-    'covid-gallery-item-border-sides-width'      : 1px,
-    'covid-gallery-item-wrapper-background-color': rgba(73,120,184,.5)
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-gallery.covid-country-gallery
-        --covid-gallery-background-color             : #{neo(covid-gallery-background-color)};
-        --covid-gallery-border-color                 : #{neo(covid-gallery-border-color)};
-        --covid-gallery-item-border-color            : #{neo(covid-gallery-item-border-color)};
-        --covid-gallery-item-border-sides-width      : #{neo(covid-gallery-item-border-sides-width)};
-        --covid-gallery-item-wrapper-background-color: #{neo(covid-gallery-item-wrapper-background-color)};
-    }
-}
+:root .neo-theme-light { // .neo-gallery.covid-country-gallery
+    --covid-gallery-background-color             : #fff;
+    --covid-gallery-border-color                 : #ddd;
+    --covid-gallery-item-border-color            : rgba(73,120,184,.5);
+    --covid-gallery-item-border-sides-width      : 1px;
+    --covid-gallery-item-wrapper-background-color: rgba(73,120,184,.5);
+}

package/resources/scss/theme-light/apps/covid/country/Helix.scss

@@ -1,19 +1,8 @@
-$neoMap: map-merge($neoMap, (
-    'covid-helix-background-color'             : #fff,
-    'covid-helix-border-color'                 : #ddd,
-    'covid-helix-item-border-color'            : rgba(73,120,184,.5),
-    'covid-helix-item-border-sides-width'      : 1px,
-    'covid-helix-item-box-shadow-selected'     : 0 0 35px #008dff,
-    'covid-helix-item-wrapper-background-color': rgba(73,120,184,.5)
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-helix.covid-country-helix
-        --covid-helix-background-color             : #{neo(covid-helix-background-color)};
-        --covid-helix-border-color                 : #{neo(covid-helix-border-color)};
-        --covid-helix-item-border-color            : #{neo(covid-helix-item-border-color)};
-        --covid-helix-item-border-sides-width      : #{neo(covid-helix-item-border-sides-width)};
-        --covid-helix-item-box-shadow-selected     : #{neo(covid-helix-item-box-shadow-selected)};
-        --covid-helix-item-wrapper-background-color: #{neo(covid-helix-item-wrapper-background-color)};
-    }
-}
+:root .neo-theme-light { // .neo-helix.covid-country-helix
+    --covid-helix-background-color             : #fff;
+    --covid-helix-border-color                 : #ddd;
+    --covid-helix-item-border-color            : rgba(73,120,184,.5);
+    --covid-helix-item-border-sides-width      : 1px;
+    --covid-helix-item-box-shadow-selected     : 0 0 35px #008dff;
+    --covid-helix-item-wrapper-background-color: rgba(73,120,184,.5);
+}

package/resources/scss/theme-light/apps/covid/country/LineChartComponent.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'covid-line-chart-background-color': #fff
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .covid-line-chart
-        --covid-line-chart-background-color: #{neo(covid-line-chart-background-color)};
-    }
-}
+:root .neo-theme-light { // .covid-line-chart
+    --covid-line-chart-background-color: #fff;
+}

package/resources/scss/theme-light/apps/docs/ContentTabContainer.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'docs-content-tabcontainer-tab-header-toolbar-background-color' : #fff,
-    'docs-content-tabcontainer-tab-header-toolbar-glyph-color-hover': red
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .docs-content-tabcontainer
-        --docs-content-tabcontainer-tab-header-toolbar-background-color : #{neo(docs-content-tabcontainer-tab-header-toolbar-background-color)};
-        --docs-content-tabcontainer-tab-header-toolbar-glyph-color-hover: #{neo(docs-content-tabcontainer-tab-header-toolbar-glyph-color-hover)};
-    }
-}
+:root .neo-theme-light { // .docs-content-tabcontainer
+    --docs-content-tabcontainer-tab-header-toolbar-background-color : #fff;
+    --docs-content-tabcontainer-tab-header-toolbar-glyph-color-hover: red;
+}

package/resources/scss/theme-light/apps/docs/HeaderContainer.scss

@@ -1,23 +1,10 @@
-$neoMap: map-merge($neoMap, (
-    'docs-header-container-background-color'         : #fff,
-    'docs-header-container-background-image'         : none,
-    'docs-header-container-logo-text-background-clip': text,
-    'docs-header-container-logo-text-color'          : rgba(0,0,0,0.6),
-    'docs-header-container-logo-text-font-size'      : 28px,
-    'docs-header-container-logo-text-font-weight'    : 800,
-    'docs-header-container-logo-padding'             : 10px,
-    'docs-header-container-logo-text-shadow'         : 2px 2px 3px rgba(200,200,200,0.1)
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-docs-header-container
-        --docs-header-container-background-color         : #{neo(docs-header-container-background-color)};
-        --docs-header-container-background-image         : #{neo(docs-header-container-background-image)};
-        --docs-header-container-logo-text-background-clip: #{neo(docs-header-container-logo-text-background-clip)};
-        --docs-header-container-logo-text-color          : #{neo(docs-header-container-logo-text-color)};
-        --docs-header-container-logo-text-font-size      : #{neo(docs-header-container-logo-text-font-size)};
-        --docs-header-container-logo-text-font-weight    : #{neo(docs-header-container-logo-text-font-weight)};
-        --docs-header-container-logo-padding             : #{neo(docs-header-container-logo-padding)};
-        --docs-header-container-logo-text-shadow         : #{neo(docs-header-container-logo-text-shadow)};
-    }
-}
+:root .neo-theme-light { // .neo-docs-header-container
+    --docs-header-container-background-color         : #fff;
+    --docs-header-container-background-image         : none;
+    --docs-header-container-logo-text-background-clip: text;
+    --docs-header-container-logo-text-color          : rgba(0,0,0,0.6);
+    --docs-header-container-logo-text-font-size      : 28px;
+    --docs-header-container-logo-text-font-weight    : 800;
+    --docs-header-container-logo-padding             : 10px;
+    --docs-header-container-logo-text-shadow         : 2px 2px 3px rgba(200,200,200,0.1);
+}

package/resources/scss/theme-light/apps/docs/MainContainer.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'docs-navigation-tab-container-background-color': #fff
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-docs-navigation-tab-container
-        --docs-navigation-tab-container-background-color: #{neo(docs-navigation-tab-container-background-color)};
-    }
-}
+:root .neo-theme-light { // .neo-docs-navigation-tab-container
+    --docs-navigation-tab-container-background-color: #fff;
+}

package/resources/scss/theme-light/apps/docs/classdetails/HeaderComponent.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'docs-classdetails-headercomponent-background-color': #fff,
-    'docs-classdetails-headerpanel-border-right'        : 1px solid #ddd
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-docs-classdetails-headercontainer
-        --docs-classdetails-headercomponent-background-color: #{neo(docs-classdetails-headercomponent-background-color)};
-        --docs-classdetails-headerpanel-border-right        : #{neo(docs-classdetails-headerpanel-border-right)};
-    }
-}
+:root .neo-theme-light { // .neo-docs-classdetails-headercontainer
+    --docs-classdetails-headercomponent-background-color: #fff;
+    --docs-classdetails-headerpanel-border-right        : 1px solid #ddd;
+}

package/resources/scss/theme-light/apps/docs/classdetails/MembersList.scss

@@ -1,37 +1,17 @@
-$neoMap: map-merge($neoMap, (
-    'docs-classhierarchy-memberslist-background-color' : #bbb,
-    'docs-memberlist-group-header-background-color'    : steelblue,
-    'docs-memberlist-group-header-color'               : #fff,
-    'docs-param-table-list-item-background-color'      : #fff,
-    'docs-param-table-list-item-background-image'      : none,
-    'docs-param-table-list-item-header-background-clip': none,
-    'docs-param-table-list-item-header-text-shadow'    : none,
-    'docs-param-table-list-item-highlight-search-color': red,
-    'docs-param-table-source-link-color'               : #bbb,
-    'docs-param-table-source-link-color-hover'         : darken(#1c60a0, 10%),
-    'docs-param-table-thead-background-color'          : slategray,
-    'docs-param-table-thead-background-image'          : none,
-    'docs-param-table-tr-background-clip'              : none,
-    'docs-param-table-tr-color'                        : #fff,
-    'docs-param-table-tr-text-shadow'                  : none
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .docs-classhierarchy-memberslist
-        --docs-classhierarchy-memberslist-background-color : #{neo(docs-classhierarchy-memberslist-background-color)};
-        --docs-memberlist-group-header-background-color    : #{neo(docs-memberlist-group-header-background-color)};
-        --docs-memberlist-group-header-color               : #{neo(docs-memberlist-group-header-color)};
-        --docs-param-table-list-item-background-color      : #{neo(docs-param-table-list-item-background-color)};
-        --docs-param-table-list-item-background-image      : #{neo(docs-param-table-list-item-background-image)};
-        --docs-param-table-list-item-header-background-clip: #{neo(docs-param-table-list-item-header-background-clip)};
-        --docs-param-table-list-item-header-text-shadow    : #{neo(docs-param-table-list-item-header-text-shadow)};
-        --docs-param-table-list-item-highlight-search-color: #{neo(docs-param-table-list-item-highlight-search-color)};
-        --docs-param-table-source-link-color               : #{neo(docs-param-table-source-link-color)};
-        --docs-param-table-source-link-color-hover         : #{neo(docs-param-table-source-link-color-hover)};
-        --docs-param-table-thead-background-color          : #{neo(docs-param-table-thead-background-color)};
-        --docs-param-table-thead-background-image          : #{neo(docs-param-table-thead-background-image)};
-        --docs-param-table-tr-background-clip              : #{neo(docs-param-table-tr-background-clip)};
-        --docs-param-table-tr-color                        : #{neo(docs-param-table-tr-color)};
-        --docs-param-table-tr-text-shadow                  : #{neo(docs-param-table-tr-text-shadow)};
-    }
-}
+:root .neo-theme-light { // .docs-classhierarchy-memberslist
+    --docs-classhierarchy-memberslist-background-color : #bbb;
+    --docs-memberlist-group-header-background-color    : steelblue;
+    --docs-memberlist-group-header-color               : #fff;
+    --docs-param-table-list-item-background-color      : #fff;
+    --docs-param-table-list-item-background-image      : none;
+    --docs-param-table-list-item-header-background-clip: none;
+    --docs-param-table-list-item-header-text-shadow    : none;
+    --docs-param-table-list-item-highlight-search-color: red;
+    --docs-param-table-source-link-color               : #bbb;
+    --docs-param-table-source-link-color-hover         : #{darken(#1c60a0, 10%)};
+    --docs-param-table-thead-background-color          : slategray;
+    --docs-param-table-thead-background-image          : none;
+    --docs-param-table-tr-background-clip              : none;
+    --docs-param-table-tr-color                        : #fff;
+    --docs-param-table-tr-text-shadow                  : none;
+}

package/resources/scss/theme-light/apps/docs/classdetails/TutorialComponent.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-        'docs-classdetails-tutorialcomponent-background-color': #fff,
-        'docs-classdetails-tutorialcomponent-color'           : #000
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light {
-        --docs-classdetails-tutorialcomponent-background-color: #{neo(docs-classdetails-tutorialcomponent-background-color)};
-        --docs-classdetails-tutorialcomponent-color           : #{neo(docs-classdetails-tutorialcomponent-color)};
-    }
-}
+:root .neo-theme-light {
+    --docs-classdetails-tutorialcomponent-background-color: #fff;
+    --docs-classdetails-tutorialcomponent-color           : #000;
+}

package/resources/scss/theme-light/apps/website/HeaderContainer.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'website-header-button-background-image': linear-gradient(#fff,#ccc),
-    'website-header-button-glyph-color'     : #1c60a0,
-    'website-header-button-border'          : 1px solid #ddd
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .website-header-container
-        --website-header-button-background-image: #{neo(website-header-button-background-image)};
-        --website-header-button-glyph-color     : #{neo(website-header-button-glyph-color)};
-        --website-header-button-border          : #{neo(website-header-button-border)};
-    }
-}
+:root .neo-theme-light { // .website-header-container
+    --website-header-button-background-image: linear-gradient(#fff,#ccc);
+    --website-header-button-glyph-color     : #1c60a0;
+    --website-header-button-border          : 1px solid #ddd;
+}

package/resources/scss/theme-light/apps/website/MainContainer.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'website-background-image'   : linear-gradient(#eee, #ddd),
-    'website-transition-duration': 300ms
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .website-main-container
-        --website-background-image   : #{neo(website-background-image)};
-        --website-transition-duration: #{neo(website-transition-duration)};
-    }
-}
+:root .neo-theme-light { // .website-main-container
+    --website-background-image   : linear-gradient(#eee, #ddd);
+    --website-transition-duration: 300ms;
+}

package/resources/scss/theme-light/apps/website/blog/Container.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'website-blog-toolbar-background-color': #f2f2f2
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .website-blog-container
-        --website-blog-toolbar-background-color: #{neo(website-blog-toolbar-background-color)};
-    }
-}
+:root .neo-theme-light { // .website-blog-container
+    --website-blog-toolbar-background-color: #f2f2f2;
+}

package/resources/scss/theme-light/apps/website/home/TabContainer.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'website-home-color'   : #292929,
-    'website-home-h1-color': #292929
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .website-home-tab-container
-        --website-home-color   : #{neo(website-home-color)};
-        --website-home-h1-color: #{neo(website-home-h1-color)};
-    }
-}
+:root .neo-theme-light { // .website-home-tab-container
+    --website-home-color   : #292929;
+    --website-home-h1-color: #292929;
+}