From 4368aaba0bc94e884767e21194b62c2548235344 Mon Sep 17 00:00:00 2001 From: Joe Tower Date: Tue, 5 Sep 2023 15:14:32 -0500 Subject: [PATCH 1/7] fix(yalb-1552): update form-item bg color for checkbox contrast --- web/themes/custom/ys_admin_theme/css/gin-custom.css | 6 ++++++ web/themes/custom/ys_admin_theme/css/gin-custom.css.map | 2 +- web/themes/custom/ys_admin_theme/scss/gin-custom.scss | 6 ++++++ 3 files changed, 13 insertions(+), 1 deletion(-) 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 1e6de31428..f075c68e78 100644 --- a/web/themes/custom/ys_admin_theme/css/gin-custom.css +++ b/web/themes/custom/ys_admin_theme/css/gin-custom.css @@ -185,6 +185,12 @@ 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 bc92ce1048..47a07e33dd 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;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;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 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 c949c56277..246602c576 100644 --- a/web/themes/custom/ys_admin_theme/scss/gin-custom.scss +++ b/web/themes/custom/ys_admin_theme/scss/gin-custom.scss @@ -197,6 +197,12 @@ 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; From fe8233a40dcff7e149c34c3eab1c8d09de0971e5 Mon Sep 17 00:00:00 2001 From: Joe Tower Date: Wed, 6 Sep 2023 12:25:48 -0500 Subject: [PATCH 2/7] fix(yalb-1552): update checkbox toggle styles for clarity --- .../ys_admin_theme/css/gin-color-overrides.css | 2 +- .../custom/ys_admin_theme/css/gin-custom.css | 17 ++++++++++------- .../ys_admin_theme/css/gin-custom.css.map | 2 +- .../scss/gin-color-overrides.scss | 2 +- .../custom/ys_admin_theme/scss/gin-custom.scss | 16 ++++++++++------ 5 files changed, 23 insertions(+), 16 deletions(-) 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 { From 4e60e0703197890222be0dd27d1702f37daa9daf Mon Sep 17 00:00:00 2001 From: Joe Tower Date: Wed, 6 Sep 2023 12:35:41 -0500 Subject: [PATCH 3/7] fix(yalb-1552): update checkbox toggle styles for clarity --- web/themes/custom/ys_admin_theme/css/gin-custom.css | 2 +- web/themes/custom/ys_admin_theme/scss/gin-custom.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) 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 0c55cec286..4065b4e908 100644 --- a/web/themes/custom/ys_admin_theme/css/gin-custom.css +++ b/web/themes/custom/ys_admin_theme/css/gin-custom.css @@ -183,7 +183,7 @@ } .gin--dark-mode .form-boolean--type-checkbox:not(:checked) + .checkbox-toggle .checkbox-toggle__inner { - background-color: var(--wool) !important; + background-color: var(--light-gray) !important; } .gin--dark-mode table th { 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 90476d9637..32edfd3275 100644 --- a/web/themes/custom/ys_admin_theme/scss/gin-custom.scss +++ b/web/themes/custom/ys_admin_theme/scss/gin-custom.scss @@ -195,7 +195,7 @@ } .gin--dark-mode .form-boolean--type-checkbox:not(:checked) + .checkbox-toggle .checkbox-toggle__inner { - background-color: var(--wool) !important; + background-color: var(--light-gray) !important; } .gin--dark-mode table th { From 245f8fc7d42ef7508cd53d7e7b446b42ce5c73b8 Mon Sep 17 00:00:00 2001 From: Joe Tower Date: Wed, 6 Sep 2023 13:04:09 -0500 Subject: [PATCH 4/7] fix(yalb-1552): update messages border --- web/themes/custom/ys_admin_theme/css/gin-custom.css | 6 ++++++ web/themes/custom/ys_admin_theme/css/gin-custom.css.map | 2 +- web/themes/custom/ys_admin_theme/scss/gin-custom.scss | 6 ++++++ 3 files changed, 13 insertions(+), 1 deletion(-) 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 4065b4e908..31feaf273e 100644 --- a/web/themes/custom/ys_admin_theme/css/gin-custom.css +++ b/web/themes/custom/ys_admin_theme/css/gin-custom.css @@ -314,6 +314,12 @@ background: var(--gin-color-danger) !important; } +/* Messages */ +.gin--dark-mode .messages, +.gin--dark-mode .glb-messages { + outline: 0.15rem solid var(--wool); +} + /* stylelint-enable */ /*# sourceMappingURL=gin-custom.css.map */ 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 e5f2caac2d..2d722909dd 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;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 +{"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;AACA;AAAA;EAEE;;;AAGF","file":"gin-custom.css"} \ No newline at end of file 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 32edfd3275..12c9a86507 100644 --- a/web/themes/custom/ys_admin_theme/scss/gin-custom.scss +++ b/web/themes/custom/ys_admin_theme/scss/gin-custom.scss @@ -331,4 +331,10 @@ background: var(--gin-color-danger) !important; } +/* Messages */ +.gin--dark-mode .messages, +.gin--dark-mode .glb-messages { + outline: 0.15rem solid var(--wool); +} + /* stylelint-enable */ From 587306f521f6a2af7d0df1c9573aebf20a2424f5 Mon Sep 17 00:00:00 2001 From: Joe Tower Date: Wed, 6 Sep 2023 14:16:59 -0500 Subject: [PATCH 5/7] fix(yalb-1552): add legend fix to this branch --- .../modules/custom/ys_alert/css/ys_alert.css | 4 -- .../custom/ys_admin_theme/css/gin-custom.css | 44 +++++++++++++++++++ .../ys_admin_theme/css/gin-custom.css.map | 2 +- .../ys_admin_theme/scss/gin-custom.scss | 44 +++++++++++++++++++ 4 files changed, 89 insertions(+), 5 deletions(-) diff --git a/web/profiles/custom/yalesites_profile/modules/custom/ys_alert/css/ys_alert.css b/web/profiles/custom/yalesites_profile/modules/custom/ys_alert/css/ys_alert.css index 0982b4983e..c91b796c8c 100644 --- a/web/profiles/custom/yalesites_profile/modules/custom/ys_alert/css/ys_alert.css +++ b/web/profiles/custom/yalesites_profile/modules/custom/ys_alert/css/ys_alert.css @@ -86,7 +86,3 @@ justify-content: flex-end; border-top: none; } - -.ys-alert-settings .js-form-type-checkbox { - background-color: 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 31feaf273e..343944ee60 100644 --- a/web/themes/custom/ys_admin_theme/css/gin-custom.css +++ b/web/themes/custom/ys_admin_theme/css/gin-custom.css @@ -153,6 +153,16 @@ color: var(--wool) !important; } +/* Secondary buttons */ +.gin--dark-mode .form-actions .button { + color: var(--gin-color-primary); + background-color: var(--darkest-gray); +} + +.gin--dark-mode .form-actions .button:focus { + background-color: var(--wool); +} + /* icons */ .action-link:hover::before { background: var(--robin-egg) !important; @@ -314,6 +324,40 @@ background: var(--gin-color-danger) !important; } +/* Legend */ +.gin--dark-mode legend { + display: block; + margin: 0; + border: 0; + padding: 0; + width: 100%; +} + +.gin--dark-mode .fieldset-legend.fieldset__label { + display: block; + color: var(--darkest-gray); + background-color: var(--wool); + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + border: 0.15rem solid var(--gin-border-color); + margin-left: -0.15rem; + margin-right: -0.15rem; +} + +.gin--dark-mode #edit-footer-logos .fieldset-wrapper { + padding: 1rem; +} + +.gin--dark-mode #edit-footer-logos fieldset + .form-item { + margin-top: 1rem; +} + +.gin--dark-mode fieldset > legend + .fieldset-wrapper { + padding: 1rem; +} + /* Messages */ .gin--dark-mode .messages, .gin--dark-mode .glb-messages { 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 2d722909dd..2f751eb06c 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;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;AACA;AAAA;EAEE;;;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;EACA;;;AAGF;EACE;;;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;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AAAA;EAEE;;;AAGF","file":"gin-custom.css"} \ No newline at end of file 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 12c9a86507..2d512bc021 100644 --- a/web/themes/custom/ys_admin_theme/scss/gin-custom.scss +++ b/web/themes/custom/ys_admin_theme/scss/gin-custom.scss @@ -165,6 +165,16 @@ color: var(--wool) !important; } +/* Secondary buttons */ +.gin--dark-mode .form-actions .button { + color: var(--gin-color-primary); + background-color: var(--darkest-gray); +} + +.gin--dark-mode .form-actions .button:focus { + background-color: var(--wool); +} + /* icons */ .action-link:hover::before { background: var(--robin-egg) !important; @@ -331,6 +341,40 @@ background: var(--gin-color-danger) !important; } +/* Legend */ +.gin--dark-mode legend { + display: block; + margin: 0; + border: 0; + padding: 0; + width: 100%; +} + +.gin--dark-mode .fieldset-legend.fieldset__label { + display: block; + color: var(--darkest-gray); + background-color: var(--wool); + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + border: 0.15rem solid var(--gin-border-color); + margin-left: -0.15rem; + margin-right: -0.15rem; +} + +.gin--dark-mode #edit-footer-logos .fieldset-wrapper { + padding: 1rem; +} + +.gin--dark-mode #edit-footer-logos fieldset + .form-item { + margin-top: 1rem; +} + +.gin--dark-mode fieldset > legend + .fieldset-wrapper { + padding: 1rem; +} + /* Messages */ .gin--dark-mode .messages, .gin--dark-mode .glb-messages { From 58437a585597613cd2ae790bc15a5b7848528209 Mon Sep 17 00:00:00 2001 From: Joe Tower Date: Wed, 6 Sep 2023 14:54:12 -0500 Subject: [PATCH 6/7] fix(yalb-1552): update media grid pattern-fallback color var --- .../css/gin-color-overrides.css | 2 +- .../custom/ys_admin_theme/css/gin-custom.css | 21 +++++++++++++++++-- .../ys_admin_theme/css/gin-custom.css.map | 2 +- .../scss/gin-color-overrides.scss | 2 +- .../ys_admin_theme/scss/gin-custom.scss | 21 +++++++++++++++++-- 5 files changed, 41 insertions(+), 7 deletions(-) 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 4953a49923..929b7ca336 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 @@ -42,7 +42,7 @@ --gin-color-button-text: var(--dark-theme-gray-hover); --gin-color-button-text-hover: var(--dark-theme-gray-hover); --gin-border-color-layer2: #A8A8A8 !important; - --gin-pattern-fallback: var(--wool); + --gin-pattern-fallback: var(--light-gray); --dropbutton-extrasmall-toggle-size: 1.5rem; } 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 343944ee60..26c67e5945 100644 --- a/web/themes/custom/ys_admin_theme/css/gin-custom.css +++ b/web/themes/custom/ys_admin_theme/css/gin-custom.css @@ -296,6 +296,10 @@ background-color: var(--wool); } +.gin--dark-mode[dir=ltr] .media-library-item img { + background-image: unset !important; +} + /* Embed component */ .gin--dark-mode .ui-dialog .ui-widget-content.ui-dialog-content h2 { color: var(--wool); @@ -331,11 +335,13 @@ border: 0; padding: 0; width: 100%; + float: none; } -.gin--dark-mode .fieldset-legend.fieldset__label { +.gin--dark-mode .fieldset-legend.fieldset__label, +.gin--dark-mode .fieldset__legend.fieldset__legend--visible .fieldset__label { display: block; - color: var(--darkest-gray); + color: var(--darkest-gray) !important; background-color: var(--wool); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; @@ -346,6 +352,11 @@ margin-right: -0.15rem; } +.gin--dark-mode .fieldset__label.fieldset__label--group { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + .gin--dark-mode #edit-footer-logos .fieldset-wrapper { padding: 1rem; } @@ -364,6 +375,12 @@ outline: 0.15rem solid var(--wool); } +/* Radios */ +.gin--dark-mode .form-type--radio .form-radio { + border: 1px solid var(--wool); + background-color: var(--darkest-gray); +} + /* stylelint-enable */ /*# sourceMappingURL=gin-custom.css.map */ 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 2f751eb06c..f952e4c48e 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;EACA;;;AAGF;EACE;;;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;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AAAA;EAEE;;;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;EACA;;;AAGF;EACE;;;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;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;EACA;;;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 bad6592291..ffb2abe8c9 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 @@ -43,7 +43,7 @@ --gin-color-button-text: var(--dark-theme-gray-hover); --gin-color-button-text-hover: var(--dark-theme-gray-hover); --gin-border-color-layer2: #A8A8A8 !important; - --gin-pattern-fallback: var(--wool); + --gin-pattern-fallback: var(--light-gray); --dropbutton-extrasmall-toggle-size: 1.5rem; } } 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 2d512bc021..761ea14db4 100644 --- a/web/themes/custom/ys_admin_theme/scss/gin-custom.scss +++ b/web/themes/custom/ys_admin_theme/scss/gin-custom.scss @@ -313,6 +313,10 @@ background-color: var(--wool); } +.gin--dark-mode[dir="ltr"] .media-library-item img { + background-image: unset !important; +} + /* Embed component */ .gin--dark-mode .ui-dialog .ui-widget-content.ui-dialog-content h2 { color: var(--wool); @@ -348,11 +352,13 @@ border: 0; padding: 0; width: 100%; + float: none; } -.gin--dark-mode .fieldset-legend.fieldset__label { +.gin--dark-mode .fieldset-legend.fieldset__label, +.gin--dark-mode .fieldset__legend.fieldset__legend--visible .fieldset__label { display: block; - color: var(--darkest-gray); + color: var(--darkest-gray) !important; background-color: var(--wool); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; @@ -363,6 +369,11 @@ margin-right: -0.15rem; } +.gin--dark-mode .fieldset__label.fieldset__label--group { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + .gin--dark-mode #edit-footer-logos .fieldset-wrapper { padding: 1rem; } @@ -381,4 +392,10 @@ outline: 0.15rem solid var(--wool); } +/* Radios */ +.gin--dark-mode .form-type--radio .form-radio { + border: 1px solid var(--wool); + background-color: var(--darkest-gray); +} + /* stylelint-enable */ From 84b7ab17e58abf8084755ba26c1998b9d0fee6b5 Mon Sep 17 00:00:00 2001 From: Joe Tower Date: Thu, 7 Sep 2023 12:24:06 -0500 Subject: [PATCH 7/7] fix(yalb-1552): fix media library ui elements visibility - add border color --- web/themes/custom/ys_admin_theme/css/gin-custom.css | 12 ++++++++++++ .../custom/ys_admin_theme/css/gin-custom.css.map | 2 +- .../custom/ys_admin_theme/scss/gin-custom.scss | 12 ++++++++++++ 3 files changed, 25 insertions(+), 1 deletion(-) 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 26c67e5945..bb76a05335 100644 --- a/web/themes/custom/ys_admin_theme/css/gin-custom.css +++ b/web/themes/custom/ys_admin_theme/css/gin-custom.css @@ -300,6 +300,18 @@ background-image: unset !important; } +.gin--dark-mode .media-library-item .form-item { + border: 2px solid var(--darkest-gray); + padding: 0; + border-radius: 0.25rem; +} + +.gin--dark-mode .media-library-item .media-library-item__remove:link, +.gin--dark-mode .media-library-item .media-library-item__remove:not(:hover):not(:checked), +.gin--dark-mode .media-library-item .media-library-item__edit:not(:hover):not(:checked) { + border-color: var(--darkest-gray) !important; +} + /* Embed component */ .gin--dark-mode .ui-dialog .ui-widget-content.ui-dialog-content h2 { color: var(--wool); 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 f952e4c48e..716556b0fe 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;EACA;;;AAGF;EACE;;;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;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;EACA;;;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;EACA;;;AAGF;EACE;;;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;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;EACA;;;AAGF","file":"gin-custom.css"} \ No newline at end of file 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 761ea14db4..046525a7b0 100644 --- a/web/themes/custom/ys_admin_theme/scss/gin-custom.scss +++ b/web/themes/custom/ys_admin_theme/scss/gin-custom.scss @@ -317,6 +317,18 @@ background-image: unset !important; } +.gin--dark-mode .media-library-item .form-item { + border: 2px solid var(--darkest-gray); + padding: 0; + border-radius: 0.25rem; +} + +.gin--dark-mode .media-library-item .media-library-item__remove:link, +.gin--dark-mode .media-library-item .media-library-item__remove:not(:hover):not(:checked), +.gin--dark-mode .media-library-item .media-library-item__edit:not(:hover):not(:checked) { + border-color: var(--darkest-gray) !important; +} + /* Embed component */ .gin--dark-mode .ui-dialog .ui-widget-content.ui-dialog-content h2 { color: var(--wool);