neo.mjs 5.17.1 → 6.0.0

package/resources/scss/theme-dark/component/BoxLabel.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'boxlabel-background-color': #323232,
-    'boxlabel-border'          : 0,
-    'boxlabel-color'           : #ddd
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-box-label
-        --boxlabel-background-color: #{neo(boxlabel-background-color)};
-        --boxlabel-border          : #{neo(boxlabel-border)};
-        --boxlabel-color           : #{neo(boxlabel-color)};
-    }
-}
+:root .neo-theme-dark { // .neo-box-label
+    --boxlabel-background-color: #323232;
+    --boxlabel-border          : 0;
+    --boxlabel-color           : #ddd;
+}

package/resources/scss/theme-dark/component/Chip.scss

@@ -1,31 +1,14 @@
-$neoMap: map-merge($neoMap, (
-    'chip-align-items'             : center,
-    'chip-border'                  : 1px solid #424242,
-    'chip-border-color-focus'      : #5d83a7,
-    'chip-border-radius'           : 15px,
-    'chip-close-button-color'      : #424242,
-    'chip-close-button-color-hover': #ddd,
-    'chip-glyph-color'             : #bbb,
-    'chip-height'                  : 30px,
-    'chip-justify-content'         : center,
-    'chip-text-align'              : left,
-    'chip-text-color'              : #bbb,
-    'chip-text-font-size'          : 12px
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-chip
-        --chip-align-items             : #{neo(chip-align-items)};
-        --chip-border                  : #{neo(chip-border)};
-        --chip-border-color-focus      : #{neo(chip-border-color-focus)};
-        --chip-border-radius           : #{neo(chip-border-radius)};
-        --chip-close-button-color      : #{neo(chip-close-button-color)};
-        --chip-close-button-color-hover: #{neo(chip-close-button-color-hover)};
-        --chip-glyph-color             : #{neo(chip-glyph-color)};
-        --chip-height                  : #{neo(chip-height)};
-        --chip-justify-content         : #{neo(chip-justify-content)};
-        --chip-text-align              : #{neo(chip-text-align)};
-        --chip-text-color              : #{neo(chip-text-color)};
-        --chip-text-font-size          : #{neo(chip-text-font-size)};
-    }
-}
+:root .neo-theme-dark { // .neo-chip
+    --chip-align-items             : center;
+    --chip-border                  : 1px solid #424242;
+    --chip-border-color-focus      : #5d83a7;
+    --chip-border-radius           : 15px;
+    --chip-close-button-color      : #424242;
+    --chip-close-button-color-hover: #ddd;
+    --chip-glyph-color             : #bbb;
+    --chip-height                  : 30px;
+    --chip-justify-content         : center;
+    --chip-text-align              : left;
+    --chip-text-color              : #bbb;
+    --chip-text-font-size          : 12px;
+}

package/resources/scss/theme-dark/component/DateSelector.scss

@@ -1,52 +1,24 @@
-$neoMap: map-merge($neoMap, (
-    'dateselector-background-color'              : #323232,
-    'dateselector-border-color'                  : #3c3f41,
-    'dateselector-cell-background-color'         : #323232,
-    'dateselector-cell-background-color-disabled': #323232,
-    'dateselector-cell-color'                    : #bbb,
-    'dateselector-cell-color-disabled'           : #555,
-    'dateselector-cell-color-selected'           : #fff,
-    'dateselector-cell-opacity-disabled'         : 1,
-    'dateselector-cell-today-border-color'       : #5d83a7,
-    'dateselector-color'                         : #bbb,
-    'dateselector-content-border-top'            : none,
-    'dateselector-header-background-color'       : #323232,
-    'dateselector-header-border-bottom'          : none,
-    'dateselector-header-cell-background-color'  : #33343d,
-    'dateselector-header-cell-border-bottom'     : none,
-    'dateselector-header-cell-color'             : #bbb,
-    'dateselector-header-month-text-color'       : #ccc,
-    'dateselector-header-year-text-color'        : #bbb,
-    'dateselector-nav-button-background-color'   : #323232,
-    'dateselector-nav-button-color'              : #bbb,
-    'dateselector-nav-button-color-hover'        : #ddd,
-    'dateselector-nav-button-inner-border'       : none
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-dateselector
-        --dateselector-background-color              : #{neo(dateselector-background-color)};
-        --dateselector-border-color                  : #{neo(dateselector-border-color)};
-        --dateselector-cell-background-color         : #{neo(dateselector-cell-background-color)};
-        --dateselector-cell-background-color-disabled: #{neo(dateselector-cell-background-color-disabled)};
-        --dateselector-cell-color                    : #{neo(dateselector-cell-color)};
-        --dateselector-cell-color-disabled           : #{neo(dateselector-cell-color-disabled)};
-        --dateselector-cell-color-selected           : #{neo(dateselector-cell-color-selected)};
-        --dateselector-cell-opacity-disabled         : #{neo(dateselector-cell-opacity-disabled)};
-        --dateselector-cell-today-border-color       : #{neo(dateselector-cell-today-border-color)};
-        --dateselector-color                         : #{neo(dateselector-color)};
-        --dateselector-content-border-top            : #{neo(dateselector-content-border-top)};
-        --dateselector-header-background-color       : #{neo(dateselector-header-background-color)};
-        --dateselector-header-border-bottom          : #{neo(dateselector-header-border-bottom)};
-        --dateselector-header-cell-background-color  : #{neo(dateselector-header-cell-background-color)};
-        --dateselector-header-cell-border-bottom     : #{neo(dateselector-header-cell-border-bottom)};
-        --dateselector-header-cell-color             : #{neo(dateselector-header-cell-color)};
-        --dateselector-header-month-text-color       : #{neo(dateselector-header-month-text-color)};
-        --dateselector-header-year-text-color        : #{neo(dateselector-header-year-text-color)};
-        --dateselector-nav-button-background-color   : #{neo(dateselector-nav-button-background-color)};
-        --dateselector-nav-button-border             : #{neo(dateselector-nav-button-border)};
-        --dateselector-nav-button-color              : #{neo(dateselector-nav-button-color)};
-        --dateselector-nav-button-color-hover        : #{neo(dateselector-nav-button-color-hover)};
-        --dateselector-nav-button-inner-border       : #{neo(dateselector-nav-button-inner-border)};
-    }
-}
+:root .neo-theme-dark { // .neo-dateselector
+    --dateselector-background-color              : #323232;
+    --dateselector-border-color                  : #3c3f41;
+    --dateselector-cell-background-color         : #323232;
+    --dateselector-cell-background-color-disabled: #323232;
+    --dateselector-cell-color                    : #bbb;
+    --dateselector-cell-color-disabled           : #555;
+    --dateselector-cell-color-selected           : #fff;
+    --dateselector-cell-opacity-disabled         : 1;
+    --dateselector-cell-today-border-color       : #5d83a7;
+    --dateselector-color                         : #bbb;
+    --dateselector-content-border-top            : none;
+    --dateselector-header-background-color       : #323232;
+    --dateselector-header-border-bottom          : none;
+    --dateselector-header-cell-background-color  : #33343d;
+    --dateselector-header-cell-border-bottom     : none;
+    --dateselector-header-cell-color             : #bbb;
+    --dateselector-header-month-text-color       : #ccc;
+    --dateselector-header-year-text-color        : #bbb;
+    --dateselector-nav-button-background-color   : #323232;
+    --dateselector-nav-button-color              : #bbb;
+    --dateselector-nav-button-color-hover        : #ddd;
+    --dateselector-nav-button-inner-border       : none;
+}

package/resources/scss/theme-dark/component/Process.scss

@@ -1,21 +1,9 @@
-$neoMap: map-merge($neoMap, (
-  'process-arrow-color'     : #6d5f28,
-  'process-background-color': #2b2b2b,
-  'process-icon-color'      : #a3996f,
-  'process-icon-size'       : 2rem,
-  'process-shadow-color'    : rgba(0, 0, 0, .5),
-  'process-text-color'      : #bbb,
-  'process-title-color'     : #ccc
-));
-
-@if $useCssVars == true {
-  :root .neo-theme-dark {
-    --process-arrow-color     : #{neo(process-arrow-color)};
-    --process-background-color: #{neo(process-background-color)};
-    --process-icon-color      : #{neo(process-icon-color)};
-    --process-icon-size       : #{neo(process-icon-size)};
-    --process-shadow-color    : #{neo(process-shadow-color)};
-    --process-text-color      : #{neo(process-text-color)};
-    --process-title-color     : #{neo(process-title-color)};
-  }
-}
+:root .neo-theme-dark {
+    --process-arrow-color     : #6d5f28;
+    --process-background-color: #2b2b2b;
+    --process-icon-color      : #a3996f;
+    --process-icon-size       : 2rem;
+    --process-shadow-color    : rgba(0, 0, 0, .5);
+    --process-text-color      : #bbb;
+    --process-title-color     : #ccc;
+}

package/resources/scss/theme-dark/component/Progress.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'progress-label-color': #fff
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark {
-        --progress-label-color: #{neo(progress-label-color)};
-    }
-}
+:root .neo-theme-dark {
+    --progress-label-color: #fff;
+}

package/resources/scss/theme-dark/component/Splitter.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-        'splitter-background-color': #3c3f41,
-        'splitter-border'          : 1px solid #323232,
-        'splitter-hover-color'     : #64B5F6
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-splitter
-        --splitter-background-color: #{neo(splitter-background-color)};
-        --splitter-border          : #{neo(splitter-border)};
-        --splitter-hover-color     : #{neo(splitter-hover-color)};
-    }
+:root .neo-theme-dark { // .neo-splitter
+    --splitter-background-color: #3c3f41;
+    --splitter-border          : 1px solid #323232;
+    --splitter-hover-color     : #64B5F6;
 }

package/resources/scss/theme-dark/component/StatusBadge.scss

@@ -0,0 +1,19 @@
+:root .neo-theme-dark {
+    --status-badge-align-items                      : center;
+    --status-badge-font-size                        : 11px;
+    --status-badge-font-family                      : var(--neo-font-family);
+    --status-badge-font-weight                      : 600;
+    --status-badge-line-height                      : 11px;
+    --status-badge-padding                          : 0px 5px 0px 5px;
+    --status-badge-state-alert-background-color     : orange;
+    --status-badge-state-alert-text-color           : black;
+    --status-badge-state-error-background-color     : red;
+    --status-badge-state-error-text-color           : white;
+    --status-badge-state-info-background-color      : lightblue;
+    --status-badge-state-info-text-color            : black;
+    --status-badge-state-neutral-background-color   : white;
+    --status-badge-state-neutral-text-color         : black;
+    --status-badge-state-success-background-color   : green;
+    --status-badge-state-success-text-color         : white;
+    --status-badge-transform                        : none;
+}

package/resources/scss/theme-dark/component/Timer.scss

@@ -1,14 +1,5 @@
-$neoMap: map-merge($neoMap, (
-        'timer-color-start': #8a9b0f,
-        'timer-color-end': #940a3d,
-        'timer-dimension': '6rem'
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-timer
-        --timer-color-start  : #{neo(timer-color-start)};
-        --timer-color-end    : #{neo(timer-color-end)};
-        --timer-dimension    : #{neo(timer-dimension)};
-        --timer-button-color : #{neo(container-color)};
-    }
+:root .neo-theme-dark { // .neo-timer
+    --timer-color-end  : #940a3d;
+    --timer-color-start: #8a9b0f;
+    --timer-dimension  : --6rem;
 }

package/resources/scss/theme-dark/component/Toast.scss

@@ -1,21 +1,9 @@
-$neoMap: map-merge($neoMap, (
-    'toast-background-color'        : lightblue,
-    'toast-color'                   : #083741,
-    'toast-danger-background-color' : #e6adad,
-    'toast-danger-color'            : #410808,
-    'toast-shadow-color'            : rgba(255, 255, 255, 0.15),
-    'toast-success-background-color': #b7e6ad,
-    'toast-success-color'           : #124108
-));
-
-@if $useCssVars == true {
-  :root .neo-theme-dark { // .neo-toast
-    --toast-background-color        : #{neo(toast-background-color)};
-    --toast-color                   : #{neo(toast-color)};
-    --toast-shadow-color            : #{neo(toast-shadow-color)};
-    --toast-danger-background-color : #{neo(toast-danger-background-color)};
-    --toast-danger-color            : #{neo(toast-danger-color)};
-    --toast-success-background-color: #{neo(toast-success-background-color)};
-    --toast-success-color           : #{neo(toast-success-color)};
-  }
+:root .neo-theme-dark { // .neo-toast
+    --toast-background-color        : lightblue;
+    --toast-color                   : #083741;
+    --toast-danger-background-color : #e6adad;
+    --toast-danger-color            : #410808;
+    --toast-shadow-color            : rgba(255, 255, 255, 0.15);
+    --toast-success-background-color: #b7e6ad;
+    --toast-success-color           : #124108;
 }

package/resources/scss/theme-dark/component/Video.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-        'video-ghost-color': rgb(50, 50, 50),
-        'video-ghost-size' : 30px
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-video
-        --video-ghost-color: #{neo(video-ghost-color)};
-        --video-ghost-size: #{neo(video-ghost-size)};
-    }
+:root .neo-theme-dark { // .neo-video
+        --video-ghost-color: rgb(50, 50, 50);
+        --video-ghost-size : 30px;
 }

package/resources/scss/theme-dark/container/Accordion.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-  'accordion-title-bg-color': #292929,
-  'accordion-title-color' : #ccc,
-  'accordion-item-radius' : 5px
-));
-
-@if $useCssVars == true {
-  :root .neo-theme-dark { // .neo-accordion
-    --accordion-title-bg-color: #{neo(accordion-title-bg-color)};
-    --accordion-title-color: #{neo(accordion-title-color)};
-    --accordion-item-radius: #{neo(accordion-item-radius)};
-  }
-}
+:root .neo-theme-dark { // .neo-accordion
+    --accordion-item-radius   : 5px;
+    --accordion-title-bg-color: #292929;
+    --accordion-title-color   : #ccc;
+}

package/resources/scss/theme-dark/container/AccordionItem.scss

@@ -1,23 +1,10 @@
-$neoMap: map-merge($neoMap, (
-  'accordion-item-bg-color'        : #212121,
-  'accordion-item-content-bg-color': #050505,
-  'accordion-item-arrow-bg-color'  : #323232,
-  'accordion-item-border-color'    : #333,
-  'accordion-item-shadow'          : 0 4px 8px rgba(0 0 0 / .5),
-  'accordion-item-arrow-shadow'    : 0 4px 16px rgba(0 0 0 / .15),
-  'accordion-item-radius'          : 5px,
-  'accordion-item-header-height'   : 50px
-));
-
-@if $useCssVars == true {
-  :root .neo-theme-dark { // .neo-accordion-item
-    --accordion-item-bg-color        : #{neo(accordion-item-bg-color)};
-    --accordion-item-content-bg-color: #{neo(accordion-item-content-bg-color)};
-    --accordion-item-arrow-bg-color  : #{neo(accordion-item-arrow-bg-color)};
-    --accordion-item-border-color    : #{neo(accordion-item-border-color)};
-    --accordion-item-shadow          : #{neo(accordion-item-shadow)};
-    --accordion-item-arrrow-shadow   : #{neo(accordion-item-arrow-shadow)};
-    --accordion-item-radius          : #{neo(accordion-item-radius)};
-    --accordion-item-header-height   : #{neo(accordion-item-header-height)};
-  }
-}
+:root .neo-theme-dark { // .neo-accordion-item
+    --accordion-item-arrow-bg-color  : #323232;
+    --accordion-item-arrow-shadow    : 0 4px 16px rgba(0 0 0 / .15);
+    --accordion-item-bg-color        : #212121;
+    --accordion-item-border-color    : #333;
+    --accordion-item-content-bg-color: #050505;
+    --accordion-item-header-height   : 50px;
+    --accordion-item-radius          : 5px;
+    --accordion-item-shadow          : 0 4px 8px rgba(0 0 0 / .5);
+}

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

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'container-background-color': #2b2b2b,
-    'container-color'           : #bbb
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-container
-        --container-background-color: #{neo(container-background-color)};
-        --container-color           : #{neo(container-color)};
-    }
-}
+:root .neo-theme-dark { // .neo-container
+    --container-background-color: #2b2b2b;
+    --container-color           : #bbb;
+}

package/resources/scss/theme-dark/container/Panel.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'panel-border-color'       : #3c3f41,
-    'panel-header-border-color': #3c3f41,
-    'panel-header-text-color'  : #bbb
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-panel
-        --panel-border-color       : #{neo(panel-border-color)};
-        --panel-header-border-color: #{neo(panel-header-border-color)};
-        --panel-header-text-color  : #{neo(panel-header-text-color)};
-    }
-}
+:root .neo-theme-dark { // .neo-panel
+    --panel-border-color       : #3c3f41;
+    --panel-header-border-color: #3c3f41;
+    --panel-header-text-color  : #bbb;
+}

package/resources/scss/theme-dark/container/Viewport.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'viewport-background-color': #2b2b2b
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-viewport
-        --viewport-background-color: #{neo(viewport-background-color)};
-    }
-}
+:root .neo-theme-dark { // .neo-viewport
+    --viewport-background-color: #2b2b2b;
+}

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

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'dialog-border-color': #3c3f41,
-    'dialog-header-color': floralwhite,
-    'dialog-icon-color'  : floralwhite
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-dialog
-        --dialog-border-color: #{neo(dialog-border-color)};
-        --dialog-header-color: #{neo(dialog-header-color)};
-        --dialog-icon-color  : #{neo(dialog-icon-color)};
-    }
-}
+:root .neo-theme-dark { // .neo-dialog
+    --dialog-border-color: #3c3f41;
+    --dialog-header-color: floralwhite;
+    --dialog-icon-color  : floralwhite;
+}

package/resources/scss/theme-dark/examples/ConfigurationPanel.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'examples-tab-component-background-color': #323232
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark {
-        --examples-tab-component-background-color: #{neo(examples-tab-component-background-color)};
-    }
-}
+:root .neo-theme-dark {
+    --examples-tab-component-background-color: #323232;
+}

package/resources/scss/theme-dark/examples/calendar/basic/MainContainer.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'examples-calendar-basic-header-background-color': #33343d,
-    'examples-calendar-basic-header-color'           : #ccc
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-examples-calendar-maincontainer
-        --examples-calendar-basic-header-background-color: #{neo(examples-calendar-basic-header-background-color)};
-        --examples-calendar-basic-header-color           : #{neo(examples-calendar-basic-header-color)};
-    }
+:root .neo-theme-dark { // .neo-examples-calendar-maincontainer
+    --examples-calendar-basic-header-background-color: #33343d;
+    --examples-calendar-basic-header-color           : #ccc;
 }

package/resources/scss/theme-dark/form/Fieldset.scss

@@ -1,15 +1,6 @@
-$neoMap: map-merge($neoMap, (
-    'fieldset-background-color' : '#2b2b2b',
-    'fieldset-border'           : 1px solid #424242,
-    'fieldset-legend-color'     : #bbb,
-    'fieldset-legend-icon-color': #64B5F6
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-fieldset
-        --fieldset-background-color : #{neo(fieldset-background-color)};
-        --fieldset-border           : #{neo(fieldset-border)};
-        --fieldset-legend-color     : #{neo(fieldset-legend-color)};
-        --fieldset-legend-icon-color: #{neo(fieldset-legend-icon-color)};
-    }
+:root .neo-theme-dark { // .neo-fieldset
+    --fieldset-background-color : --#2b2b2b;
+    --fieldset-border           : 1px solid #424242;
+    --fieldset-legend-color     : #bbb;
+    --fieldset-legend-icon-color: #64B5F6;
 }

package/resources/scss/theme-dark/form/field/CheckBox.scss

@@ -1,19 +1,8 @@
-$neoMap: map-merge($neoMap, (
-    'checkboxfield-color'           : #eee,
-    'checkboxfield-color-checked'   : #64B5F6,
-    'checkboxfield-icon-font-family': var(--fa-style-family-classic),
-    'checkboxfield-icon-font-size'  : 14px,
-    'checkboxfield-icon-margin'     : 0,
-    'checkboxfield-label-top-margin': 0 0 3px
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-checkboxfield
-        --checkboxfield-color           : #{neo(checkboxfield-color)};
-        --checkboxfield-color-checked   : #{neo(checkboxfield-color-checked)};
-        --checkboxfield-icon-font-family: #{neo(checkboxfield-icon-font-family)};
-        --checkboxfield-icon-font-size  : #{neo(checkboxfield-icon-font-size)};
-        --checkboxfield-icon-margin     : #{neo(checkboxfield-icon-margin)};
-        --checkboxfield-label-top-margin: #{neo(checkboxfield-label-top-margin)};
-    }
+:root .neo-theme-dark { // .neo-checkboxfield
+    --checkboxfield-color           : #eee;
+    --checkboxfield-color-checked   : #64B5F6;
+    --checkboxfield-icon-font-family: var(--fa-style-family-classic);
+    --checkboxfield-icon-font-size  : 14px;
+    --checkboxfield-icon-margin     : 0;
+    --checkboxfield-label-top-margin: 0 0 3px;
 }

package/resources/scss/theme-dark/form/field/FileUpload.scss

@@ -1,27 +1,12 @@
-$neoMap: map-merge($neoMap, (
-    'fileuploadfield-background-color'         : rgb(62, 51, 51),
-    'fileuploadfield-color'                    : #fff,
-    'fileuploadfield-border-color'             : #d5d5d5,
-    'fileuploadfield-progress-color'           : #fff,
-    'fileuploadfield-error-color'              : #f00,
-    'fileuploadfield-success-color'            : rgb(71, 226, 71),
-    'fileuploadfield-hover-color'              : #0f0f0f,
-    'fileuploadfield-pressed-color'            : #0e0e0e,
-    'fileuploadfield-downloadable-state-color' : #181818,
-    'fileuploadfield-focus-color'              : #80d3f4
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-fileuploadfield
-        --fileuploadfield-background-color         : #{neo(fileuploadfield-background-color)};
-        --fileuploadfield-color                    : #{neo(fileuploadfield-color)};
-        --fileuploadfield-border-color             : #{neo(fileuploadfield-border-color)};
-        --fileuploadfield-progress-color           : #{neo(fileuploadfield-progress-color)};
-        --fileuploadfield-error-color              : #{neo(fileuploadfield-error-color)};
-        --fileuploadfield-success-color            : #{neo(fileuploadfield-success-color)};
-        --fileuploadfield-hover-color              : #{neo(fileuploadfield-hover-color)};
-        --fileuploadfield-pressed-color            : #{neo(fileuploadfield-pressed-color)};
-        --fileuploadfield-downloadable-state-color : #{neo(fileuploadfield-pressed-color)};
-        --fileuploadfield-focus-color              : #{neo(fileuploadfield-focus-color)};
-    }
+:root .neo-theme-dark { // .neo-fileuploadfield
+    --fileuploadfield-background-color         : rgb(62, 51, 51);
+    --fileuploadfield-border-color             : #d5d5d5;
+    --fileuploadfield-color                    : #fff;
+    --fileuploadfield-downloadable-state-color : #181818;
+    --fileuploadfield-error-color              : #f00;
+    --fileuploadfield-focus-color              : #80d3f4;
+    --fileuploadfield-hover-color              : #0f0f0f;
+    --fileuploadfield-pressed-color            : #0e0e0e;
+    --fileuploadfield-progress-color           : #fff;
+    --fileuploadfield-success-color            : rgb(71, 226, 71);
 }

package/resources/scss/theme-dark/form/field/Picker.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'pickerfield-container-background-color': #323232,
-    'pickerfield-container-border'          : none,
-    'pickerfield-container-box-shadow'      : 0 5px 10px rgba(0,0,0,.4)
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-pickerfield
-        --pickerfield-container-background-color: #{neo(pickerfield-container-background-)};
-        --pickerfield-container-border          : #{neo(pickerfield-container-border)};
-        --pickerfield-container-box-shadow      : #{neo(pickerfield-container-box-shadow)};
-    }
-}
+:root .neo-theme-dark { // .neo-pickerfield
+    --pickerfield-container-background-color: #323232;
+    --pickerfield-container-border          : none;
+    --pickerfield-container-box-shadow      : 0 5px 10px rgba(0,0,0,.4);
+}

package/resources/scss/theme-dark/form/field/Range.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'rangefield-thumb-background': #bbb,
-    'rangefield-track-background': #3c3f41
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-rangefield
-        --rangefield-thumb-background: #{neo(rangefield-thumb-background)};
-        --rangefield-track-background: #{neo(rangefield-track-background)};
-    }
-}
+:root .neo-theme-dark { // .neo-rangefield
+    --rangefield-thumb-background: #bbb;
+    --rangefield-track-background: #3c3f41;
+}

package/resources/scss/theme-dark/form/field/Search.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'searchfield-glyph-color': #bbb
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-searchfield
-        --searchfield-glyph-color: #{neo(searchfield-glyph-color)};
-    }
-}
+:root .neo-theme-dark { // .neo-searchfield
+    --searchfield-glyph-color: #bbb;
+}

package/resources/scss/theme-dark/form/field/Select.scss

@@ -1,21 +1,9 @@
-$neoMap: map-merge($neoMap, (
-    'selectfield-input-hint-color'              : #bbb,
-    'selectfield-input-hint-opacity'            : 0.6,
-    'selectfield-list-search-background-color'  : inherit,
-    'selectfield-list-search-color'             : #fff,
-    'selectfield-list-search-color-selected'    : #000,
-    'selectfield-picker-container-border'       : 1px solid #bbb,
-    'selectfield-picker-container-border-radius': 0
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-dark { // .neo-selectfield
-        --selectfield-input-hint-color              : #{neo(selectfield-input-hint-color)};
-        --selectfield-input-hint-opacity            : #{neo(selectfield-input-hint-opacity)};
-        --selectfield-list-search-background-color  : #{neo(selectfield-list-search-background-color)};
-        --selectfield-list-search-color             : #{neo(selectfield-list-search-color)};
-        --selectfield-list-search-color-selected    : #{neo(selectfield-list-search-color-selected)};
-        --selectfield-picker-container-border       : #{neo(selectfield-picker-container-border)};
-        --selectfield-picker-container-border-radius: #{neo(selectfield-picker-container-border-radius)};
-    }
+:root .neo-theme-dark { // .neo-selectfield
+    --selectfield-input-hint-color              : #bbb;
+    --selectfield-input-hint-opacity            : 0.6;
+    --selectfield-list-search-background-color  : inherit;
+    --selectfield-list-search-color             : #fff;
+    --selectfield-list-search-color-selected    : #000;
+    --selectfield-picker-container-border       : 1px solid #bbb;
+    --selectfield-picker-container-border-radius: 0;
 }