diff --git a/web/themes/custom/ys_admin_theme/css/gin-color-overrides.css b/web/themes/custom/ys_admin_theme/css/gin-color-overrides.css index b78942c9f1..4953a49923 100644 --- a/web/themes/custom/ys_admin_theme/css/gin-color-overrides.css +++ b/web/themes/custom/ys_admin_theme/css/gin-color-overrides.css @@ -33,7 +33,7 @@ --gin-bg-input: var(--darkest-gray) !important; --gin-border-color: var(--wool) !important; --gin-border-color-table-header: var(--darkest-gray) !important; - --gin-border-color-form-element: var(--light-gray) !important; + --gin-border-color-form-element: var(--darkest-gray) !important; --gin-bg-app: var(--darkest-gray); --gin-bg-layer3: var(--dark-theme-gray-hover); --colorGinText: var(--darkest-gray); diff --git a/web/themes/custom/ys_admin_theme/css/gin-custom.css b/web/themes/custom/ys_admin_theme/css/gin-custom.css index f075c68e78..0c55cec286 100644 --- a/web/themes/custom/ys_admin_theme/css/gin-custom.css +++ b/web/themes/custom/ys_admin_theme/css/gin-custom.css @@ -169,12 +169,21 @@ opacity: 0.8; } +/* checkboxes */ +.gin--dark-mode :not(.glb-form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .glb-form-checkbox:checked + .glb-checkbox-toggle { + background-color: var(--robin-egg) !important; +} + +.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner::before { + background-color: var(--dark-theme-gray) !important; +} + .gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner::before { background-color: var(--darkest-gray) !important; } .gin--dark-mode .form-boolean--type-checkbox:not(:checked) + .checkbox-toggle .checkbox-toggle__inner { - background-color: var(--dark-theme-gray) !important; + background-color: var(--wool) !important; } .gin--dark-mode table th { @@ -185,12 +194,6 @@ background: var(--dark-theme-gray); } -.gin--dark-mode [data-drupal-selector^=views-ui-config-item-form-] .js-form-type-checkbox, -.gin--dark-mode .js-form-item-required, -.gin--dark-mode .js-form-item-cas-enabled { - background-color: var(--darkest-gray); -} - /* checkbox spacing */ .gin--dark-mode .js-form-type-checkbox.form-type--checkbox { padding: 0.5rem; diff --git a/web/themes/custom/ys_admin_theme/css/gin-custom.css.map b/web/themes/custom/ys_admin_theme/css/gin-custom.css.map index 47a07e33dd..e5f2caac2d 100644 --- a/web/themes/custom/ys_admin_theme/css/gin-custom.css.map +++ b/web/themes/custom/ys_admin_theme/css/gin-custom.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/gin-custom.scss"],"names":[],"mappings":"AAAA;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;;;AAIJ;EACE;EACA;;;AAIF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAqCE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAIF;AAAA;EAEE;;;AAIF;EACE;;;AAIF;EACE;;;AAMF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;;;AAKF;EACE;;;AAGF;EACE;EACA;;;AAIF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAKF;AAAA;EAEE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF","file":"gin-custom.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/gin-custom.scss"],"names":[],"mappings":"AAAA;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;;;AAIJ;EACE;EACA;;;AAIF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAqCE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAIF;AAAA;EAEE;;;AAIF;EACE;;;AAIF;EACE;;;AAMF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;;;AAKF;EACE;;;AAGF;EACE;EACA;;;AAIF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAKF;AAAA;EAEE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF","file":"gin-custom.css"} \ No newline at end of file diff --git a/web/themes/custom/ys_admin_theme/scss/gin-color-overrides.scss b/web/themes/custom/ys_admin_theme/scss/gin-color-overrides.scss index c5f876a0cb..bad6592291 100644 --- a/web/themes/custom/ys_admin_theme/scss/gin-color-overrides.scss +++ b/web/themes/custom/ys_admin_theme/scss/gin-color-overrides.scss @@ -34,7 +34,7 @@ --gin-bg-input: var(--darkest-gray) !important; --gin-border-color: var(--wool) !important; --gin-border-color-table-header: var(--darkest-gray) !important; - --gin-border-color-form-element: var(--light-gray) !important; + --gin-border-color-form-element: var(--darkest-gray) !important; --gin-bg-app: var(--darkest-gray); --gin-bg-layer3: var(--dark-theme-gray-hover); --colorGinText: var(--darkest-gray); diff --git a/web/themes/custom/ys_admin_theme/scss/gin-custom.scss b/web/themes/custom/ys_admin_theme/scss/gin-custom.scss index 246602c576..90476d9637 100644 --- a/web/themes/custom/ys_admin_theme/scss/gin-custom.scss +++ b/web/themes/custom/ys_admin_theme/scss/gin-custom.scss @@ -181,12 +181,21 @@ opacity: 0.8; } +/* checkboxes */ +.gin--dark-mode :not(.glb-form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .glb-form-checkbox:checked + .glb-checkbox-toggle { + background-color: var(--robin-egg) !important; +} + +.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner::before { + background-color: var(--dark-theme-gray) !important; +} + .gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner::before { background-color: var(--darkest-gray) !important; } .gin--dark-mode .form-boolean--type-checkbox:not(:checked) + .checkbox-toggle .checkbox-toggle__inner { - background-color: var(--dark-theme-gray) !important; + background-color: var(--wool) !important; } .gin--dark-mode table th { @@ -197,11 +206,6 @@ background: var(--dark-theme-gray); } -.gin--dark-mode [data-drupal-selector^="views-ui-config-item-form-"] .js-form-type-checkbox, -.gin--dark-mode .js-form-item-required, -.gin--dark-mode .js-form-item-cas-enabled { - background-color: var(--darkest-gray); -} /* checkbox spacing */ .gin--dark-mode .js-form-type-checkbox.form-type--checkbox {