From 5e2c9db13913aca51e149fbfc088d343e8588155 Mon Sep 17 00:00:00 2001 From: Garion Herman Date: Mon, 16 Mar 2020 15:08:54 +1300 Subject: [PATCH] FIX Use `.silverstripe-cms-logo` in place of `svg` to target logo --- client/dist/styles/bundle.css | 2 +- client/dist/styles/darkmode.css | 2 +- client/src/styles/brand.scss | 2 +- client/src/styles/dark-mode.scss | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/client/dist/styles/bundle.css b/client/dist/styles/bundle.css index 4212213..46b2b3c 100644 --- a/client/dist/styles/bundle.css +++ b/client/dist/styles/bundle.css @@ -1 +1 @@ -:root{--color-button-secondary-background:transparent;--color-button-secondary-hover-background:#e7ebf0;--color-button-secondary-text:#0071c4;--color-button-secondary-hover-text:#0071c4;--color-button-primary-background:#008a00;--color-button-primary-hover-background:#006400;--color-button-primary-text:#fff;--color-button-primary-hover-text:#fff;--color-field-background:#fff;--color-field-border:#ced5e1;--color-field-text:#303b4d;--color-form-background:#fff;--color-form-text:#43536d;--color-link-primary:#0071c4;--color-message-error:#71141f;--color-message-warning:#856404;--color-page-background:#f7f8fa;--color-page-text:#303b4d;--border-radius-form:4px;--border-radius-field:3px;--box-shadow-form:0 2px 4px 0 rgba(0,0,0,.1);--sizing-app-brand-max-height:150px;--sizing-app-brand-max-width:300px;--sizing-content-width:330px;--spacing-app-brand:30px;--spacing-field-content:8px;--spacing-form:30px 20px 40px;--spacing-form-desktop:30px 30px 40px;--spacing-form-controls:20px;--spacing-form-label-bottom:5px;--spacing-silverstripe-brand:30px;--spacing-submit-content:10px 20px}a{text-decoration:none}a,a:hover{color:#0071c4;color:var(--color-link-primary)}a:hover{text-decoration:underline}a.link--secondary,a.link--secondary:hover{color:#43536d;color:var(--color-form-text)}h2{font-size:1.5rem}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0}body{display:-ms-grid;display:grid;-ms-grid-columns:1fr minmax(320px,max-content) 1fr;grid-template-columns:1fr minmax(320px,max-content) 1fr;-ms-grid-rows:1fr auto auto 80px 1fr;grid-template-rows:1fr auto auto 80px 1fr;height:100vh}.app-brand{-ms-grid-row:2;grid-row:2}.app-brand,.login-form{-ms-grid-column:2;grid-column:2}.login-form{-ms-grid-row:3;grid-row:3;display:block}.silverstripe-brand{-ms-grid-column:2;grid-column:2;-ms-grid-row:4;grid-row:4}.app-brand{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:30px;padding:var(--spacing-app-brand)}.app-brand__link,.app-brand__link:hover{color:#303b4d;color:var(--color-page-text);text-decoration:none}.app-brand__logo{max-width:300px;max-width:var(--sizing-app-brand-max-width);max-height:150px;max-height:var(--sizing-app-brand-max-height)}.app-brand__logo[src*=".svg"]{width:100%}.app-brand__name{margin:0}.app-brand__logo+.app-brand__name{display:none}.silverstripe-brand{color:#303b4d;color:var(--color-page-text);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:30px;padding:var(--spacing-silverstripe-brand)}.silverstripe-brand svg .text{fill:#75787b}.silverstripe-brand svg .glyph{fill:#005b94}html{background-color:#f7f8fa;background-color:var(--color-page-background);color:#303b4d;color:var(--color-page-text)}html body{background-color:inherit}.login-form{background-color:#fff;background-color:var(--color-form-background);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);-webkit-box-shadow:var(--box-shadow-form);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:var(--box-shadow-form);color:#43536d;color:var(--color-form-text);padding:30px 20px 40px;padding:var(--spacing-form);width:100vw}@media (min-width:420px){.login-form{border-radius:4px;border-radius:var(--border-radius-form);padding:30px 30px 40px;padding:var(--spacing-form-desktop);width:auto}}.login-form .login-form-control--text .login-form-control__field,.login-form input.text,.login-form input.text:focus{background-color:#fff;background-color:var(--color-field-background);border:1px solid #ced5e1;border:1px solid var(--color-field-border);border-radius:3px;border-radius:var(--border-radius-field);color:#303b4d;color:var(--color-field-text);padding:8px;padding:var(--spacing-field-content);width:100%}@media (min-width:420px){.login-form .login-form-control--text .login-form-control__field,.login-form input.text,.login-form input.text:focus{width:330px;width:var(--sizing-content-width)}}.login-form__title{margin-top:0}.login-form__content,.login-form__message,.message{max-width:330px;max-width:var(--sizing-content-width)}.login-form__message--warning,.message.warning{color:#856404;color:var(--color-message-warning)}.login-form__message--error,.message.bad,.message.error,.message.required{color:#71141f;color:var(--color-message-error)}.login-form__fields,fieldset{border:0;margin:0;padding:0}.field,.login-form-control{margin-bottom:20px;margin-bottom:var(--spacing-form-controls)}.field.text label,.login-form-control--text .login-form-control__label{display:block;margin-bottom:5px;margin-bottom:var(--spacing-form-label-bottom)}.btn-toolbar,.login-form-actions{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.action{background-color:transparent;background-color:var(--color-button-secondary-background);border:1px solid currentColor;border-radius:3px;border-radius:var(--border-radius-field);color:#0071c4;color:var(--color-button-secondary-text);cursor:pointer}.action,.btn{padding:10px 20px;padding:var(--spacing-submit-content)}.btn{border-radius:3px;border-radius:var(--border-radius-field)}.btn.disabled,.btn.readonly,.btn:disabled,.btn[readonly]{cursor:not-allowed}.btn-primary,.btn-success,input[type=submit]{background-color:#008a00;background-color:var(--color-button-primary-background);color:#fff;color:var(--color-button-primary-text);border:0}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary.readonly,.btn-primary.readonly.active,.btn-primary.readonly.focus,.btn-primary.readonly:active,.btn-primary.readonly:focus,.btn-primary.readonly:hover,.btn-primary:disabled,.btn-primary:disabled.active,.btn-primary:disabled.focus,.btn-primary:disabled:active,.btn-primary:disabled:focus,.btn-primary:disabled:hover,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled).focus,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled):focus,.btn-primary:not(:disabled):not(.disabled):hover,.btn-primary[readonly],.btn-primary[readonly].active,.btn-primary[readonly].focus,.btn-primary[readonly]:active,.btn-primary[readonly]:focus,.btn-primary[readonly]:hover,.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success.readonly,.btn-success.readonly.active,.btn-success.readonly.focus,.btn-success.readonly:active,.btn-success.readonly:focus,.btn-success.readonly:hover,.btn-success:disabled,.btn-success:disabled.active,.btn-success:disabled.focus,.btn-success:disabled:active,.btn-success:disabled:focus,.btn-success:disabled:hover,.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled).focus,.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled):focus,.btn-success:not(:disabled):not(.disabled):hover,.btn-success[readonly],.btn-success[readonly].active,.btn-success[readonly].focus,.btn-success[readonly]:active,.btn-success[readonly]:focus,.btn-success[readonly]:hover,input[type=submit].disabled,input[type=submit].disabled.active,input[type=submit].disabled.focus,input[type=submit].disabled:active,input[type=submit].disabled:focus,input[type=submit].disabled:hover,input[type=submit].readonly,input[type=submit].readonly.active,input[type=submit].readonly.focus,input[type=submit].readonly:active,input[type=submit].readonly:focus,input[type=submit].readonly:hover,input[type=submit]:disabled,input[type=submit]:disabled.active,input[type=submit]:disabled.focus,input[type=submit]:disabled:active,input[type=submit]:disabled:focus,input[type=submit]:disabled:hover,input[type=submit]:not(:disabled):not(.disabled).active,input[type=submit]:not(:disabled):not(.disabled).focus,input[type=submit]:not(:disabled):not(.disabled):active,input[type=submit]:not(:disabled):not(.disabled):focus,input[type=submit]:not(:disabled):not(.disabled):hover,input[type=submit][readonly],input[type=submit][readonly].active,input[type=submit][readonly].focus,input[type=submit][readonly]:active,input[type=submit][readonly]:focus,input[type=submit][readonly]:hover{border-color:#006400;border-color:var(--color-button-primary-hover-background);background-color:#006400;background-color:var(--color-button-primary-hover-background);color:#fff;color:var(--color-button-primary-hover-text)}.btn-secondary{border-color:transparent;background-color:transparent;color:#0071c4;color:var(--color-button-secondary-text)}.btn-secondary.disabled,.btn-secondary.disabled.active,.btn-secondary.disabled.focus,.btn-secondary.disabled:active,.btn-secondary.disabled:focus,.btn-secondary.disabled:hover,.btn-secondary.readonly,.btn-secondary.readonly.active,.btn-secondary.readonly.focus,.btn-secondary.readonly:active,.btn-secondary.readonly:focus,.btn-secondary.readonly:hover,.btn-secondary:disabled,.btn-secondary:disabled.active,.btn-secondary:disabled.focus,.btn-secondary:disabled:active,.btn-secondary:disabled:focus,.btn-secondary:disabled:hover,.btn-secondary[readonly],.btn-secondary[readonly].active,.btn-secondary[readonly].focus,.btn-secondary[readonly]:active,.btn-secondary[readonly]:focus,.btn-secondary[readonly]:hover{border-color:transparent;background-color:transparent;color:#0071c4;color:var(--color-button-secondary-hover-text)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled).focus,.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled):focus,.btn-secondary:not(:disabled):not(.disabled):hover{background-color:#e7ebf0;background-color:var(--color-button-secondary-hover-background);border-color:#e7ebf0;border-color:var(--color-button-secondary-hover-background);color:#0071c4;color:var(--color-button-secondary-hover-text)}.btn-toolbar,.btn-toolbar p{margin-bottom:0}.message{border:0;padding:0}.message.bad,.message.error,.message.good,.message.warning{background-color:transparent}.form-group:after{border-bottom:0;margin:0}.field.checkbox label.right{color:inherit} \ No newline at end of file +:root{--color-button-secondary-background:transparent;--color-button-secondary-hover-background:#e7ebf0;--color-button-secondary-text:#0071c4;--color-button-secondary-hover-text:#0071c4;--color-button-primary-background:#008a00;--color-button-primary-hover-background:#006400;--color-button-primary-text:#fff;--color-button-primary-hover-text:#fff;--color-field-background:#fff;--color-field-border:#ced5e1;--color-field-text:#303b4d;--color-form-background:#fff;--color-form-text:#43536d;--color-link-primary:#0071c4;--color-message-error:#71141f;--color-message-warning:#856404;--color-page-background:#f7f8fa;--color-page-text:#303b4d;--border-radius-form:4px;--border-radius-field:3px;--box-shadow-form:0 2px 4px 0 rgba(0,0,0,.1);--sizing-app-brand-max-height:150px;--sizing-app-brand-max-width:300px;--sizing-content-width:330px;--spacing-app-brand:30px;--spacing-field-content:8px;--spacing-form:30px 20px 40px;--spacing-form-desktop:30px 30px 40px;--spacing-form-controls:20px;--spacing-form-label-bottom:5px;--spacing-silverstripe-brand:30px;--spacing-submit-content:10px 20px}a{text-decoration:none}a,a:hover{color:#0071c4;color:var(--color-link-primary)}a:hover{text-decoration:underline}a.link--secondary,a.link--secondary:hover{color:#43536d;color:var(--color-form-text)}h2{font-size:1.5rem}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0}body{display:-ms-grid;display:grid;-ms-grid-columns:1fr minmax(320px,max-content) 1fr;grid-template-columns:1fr minmax(320px,max-content) 1fr;-ms-grid-rows:1fr auto auto 80px 1fr;grid-template-rows:1fr auto auto 80px 1fr;height:100vh}.app-brand{-ms-grid-row:2;grid-row:2}.app-brand,.login-form{-ms-grid-column:2;grid-column:2}.login-form{-ms-grid-row:3;grid-row:3;display:block}.silverstripe-brand{-ms-grid-column:2;grid-column:2;-ms-grid-row:4;grid-row:4}.app-brand{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:30px;padding:var(--spacing-app-brand)}.app-brand__link,.app-brand__link:hover{color:#303b4d;color:var(--color-page-text);text-decoration:none}.app-brand__logo{max-width:300px;max-width:var(--sizing-app-brand-max-width);max-height:150px;max-height:var(--sizing-app-brand-max-height)}.app-brand__logo[src*=".svg"]{width:100%}.app-brand__name{margin:0}.app-brand__logo+.app-brand__name{display:none}.silverstripe-brand{color:#303b4d;color:var(--color-page-text);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:30px;padding:var(--spacing-silverstripe-brand)}.silverstripe-brand .silverstripe-cms-logo .text{fill:#75787b}.silverstripe-brand .silverstripe-cms-logo .glyph{fill:#005b94}html{background-color:#f7f8fa;background-color:var(--color-page-background);color:#303b4d;color:var(--color-page-text)}html body{background-color:inherit}.login-form{background-color:#fff;background-color:var(--color-form-background);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);-webkit-box-shadow:var(--box-shadow-form);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:var(--box-shadow-form);color:#43536d;color:var(--color-form-text);padding:30px 20px 40px;padding:var(--spacing-form);width:100vw}@media (min-width:420px){.login-form{border-radius:4px;border-radius:var(--border-radius-form);padding:30px 30px 40px;padding:var(--spacing-form-desktop);width:auto}}.login-form .login-form-control--text .login-form-control__field,.login-form input.text,.login-form input.text:focus{background-color:#fff;background-color:var(--color-field-background);border:1px solid #ced5e1;border:1px solid var(--color-field-border);border-radius:3px;border-radius:var(--border-radius-field);color:#303b4d;color:var(--color-field-text);padding:8px;padding:var(--spacing-field-content);width:100%}@media (min-width:420px){.login-form .login-form-control--text .login-form-control__field,.login-form input.text,.login-form input.text:focus{width:330px;width:var(--sizing-content-width)}}.login-form__title{margin-top:0}.login-form__content,.login-form__message,.message{max-width:330px;max-width:var(--sizing-content-width)}.login-form__message--warning,.message.warning{color:#856404;color:var(--color-message-warning)}.login-form__message--error,.message.bad,.message.error,.message.required{color:#71141f;color:var(--color-message-error)}.login-form__fields,fieldset{border:0;margin:0;padding:0}.field,.login-form-control{margin-bottom:20px;margin-bottom:var(--spacing-form-controls)}.field.text label,.login-form-control--text .login-form-control__label{display:block;margin-bottom:5px;margin-bottom:var(--spacing-form-label-bottom)}.btn-toolbar,.login-form-actions{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.action{background-color:transparent;background-color:var(--color-button-secondary-background);border:1px solid currentColor;border-radius:3px;border-radius:var(--border-radius-field);color:#0071c4;color:var(--color-button-secondary-text);cursor:pointer}.action,.btn{padding:10px 20px;padding:var(--spacing-submit-content)}.btn{border-radius:3px;border-radius:var(--border-radius-field)}.btn.disabled,.btn.readonly,.btn:disabled,.btn[readonly]{cursor:not-allowed}.btn-primary,.btn-success,input[type=submit]{background-color:#008a00;background-color:var(--color-button-primary-background);color:#fff;color:var(--color-button-primary-text);border:0}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary.readonly,.btn-primary.readonly.active,.btn-primary.readonly.focus,.btn-primary.readonly:active,.btn-primary.readonly:focus,.btn-primary.readonly:hover,.btn-primary:disabled,.btn-primary:disabled.active,.btn-primary:disabled.focus,.btn-primary:disabled:active,.btn-primary:disabled:focus,.btn-primary:disabled:hover,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled).focus,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled):focus,.btn-primary:not(:disabled):not(.disabled):hover,.btn-primary[readonly],.btn-primary[readonly].active,.btn-primary[readonly].focus,.btn-primary[readonly]:active,.btn-primary[readonly]:focus,.btn-primary[readonly]:hover,.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success.readonly,.btn-success.readonly.active,.btn-success.readonly.focus,.btn-success.readonly:active,.btn-success.readonly:focus,.btn-success.readonly:hover,.btn-success:disabled,.btn-success:disabled.active,.btn-success:disabled.focus,.btn-success:disabled:active,.btn-success:disabled:focus,.btn-success:disabled:hover,.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled).focus,.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled):focus,.btn-success:not(:disabled):not(.disabled):hover,.btn-success[readonly],.btn-success[readonly].active,.btn-success[readonly].focus,.btn-success[readonly]:active,.btn-success[readonly]:focus,.btn-success[readonly]:hover,input[type=submit].disabled,input[type=submit].disabled.active,input[type=submit].disabled.focus,input[type=submit].disabled:active,input[type=submit].disabled:focus,input[type=submit].disabled:hover,input[type=submit].readonly,input[type=submit].readonly.active,input[type=submit].readonly.focus,input[type=submit].readonly:active,input[type=submit].readonly:focus,input[type=submit].readonly:hover,input[type=submit]:disabled,input[type=submit]:disabled.active,input[type=submit]:disabled.focus,input[type=submit]:disabled:active,input[type=submit]:disabled:focus,input[type=submit]:disabled:hover,input[type=submit]:not(:disabled):not(.disabled).active,input[type=submit]:not(:disabled):not(.disabled).focus,input[type=submit]:not(:disabled):not(.disabled):active,input[type=submit]:not(:disabled):not(.disabled):focus,input[type=submit]:not(:disabled):not(.disabled):hover,input[type=submit][readonly],input[type=submit][readonly].active,input[type=submit][readonly].focus,input[type=submit][readonly]:active,input[type=submit][readonly]:focus,input[type=submit][readonly]:hover{border-color:#006400;border-color:var(--color-button-primary-hover-background);background-color:#006400;background-color:var(--color-button-primary-hover-background);color:#fff;color:var(--color-button-primary-hover-text)}.btn-secondary{border-color:transparent;background-color:transparent;color:#0071c4;color:var(--color-button-secondary-text)}.btn-secondary.disabled,.btn-secondary.disabled.active,.btn-secondary.disabled.focus,.btn-secondary.disabled:active,.btn-secondary.disabled:focus,.btn-secondary.disabled:hover,.btn-secondary.readonly,.btn-secondary.readonly.active,.btn-secondary.readonly.focus,.btn-secondary.readonly:active,.btn-secondary.readonly:focus,.btn-secondary.readonly:hover,.btn-secondary:disabled,.btn-secondary:disabled.active,.btn-secondary:disabled.focus,.btn-secondary:disabled:active,.btn-secondary:disabled:focus,.btn-secondary:disabled:hover,.btn-secondary[readonly],.btn-secondary[readonly].active,.btn-secondary[readonly].focus,.btn-secondary[readonly]:active,.btn-secondary[readonly]:focus,.btn-secondary[readonly]:hover{border-color:transparent;background-color:transparent;color:#0071c4;color:var(--color-button-secondary-hover-text)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled).focus,.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled):focus,.btn-secondary:not(:disabled):not(.disabled):hover{background-color:#e7ebf0;background-color:var(--color-button-secondary-hover-background);border-color:#e7ebf0;border-color:var(--color-button-secondary-hover-background);color:#0071c4;color:var(--color-button-secondary-hover-text)}.btn-toolbar,.btn-toolbar p{margin-bottom:0}.message{border:0;padding:0}.message.bad,.message.error,.message.good,.message.warning{background-color:transparent}.form-group:after{border-bottom:0;margin:0}.field.checkbox label.right{color:inherit} \ No newline at end of file diff --git a/client/dist/styles/darkmode.css b/client/dist/styles/darkmode.css index 9b7d308..6f7f9dc 100644 --- a/client/dist/styles/darkmode.css +++ b/client/dist/styles/darkmode.css @@ -1 +1 @@ -:root{--color-button-secondary-background:transparent;--color-button-secondary-hover-background:#e7ebf0;--color-button-secondary-text:#0071c4;--color-button-secondary-hover-text:#0071c4;--color-button-primary-background:#008a00;--color-button-primary-hover-background:#006400;--color-button-primary-text:#fff;--color-button-primary-hover-text:#fff;--color-field-background:#fff;--color-field-border:#ced5e1;--color-field-text:#303b4d;--color-form-background:#fff;--color-form-text:#43536d;--color-link-primary:#0071c4;--color-message-error:#71141f;--color-message-warning:#856404;--color-page-background:#f7f8fa;--color-page-text:#303b4d;--border-radius-form:4px;--border-radius-field:3px;--box-shadow-form:0 2px 4px 0 rgba(0,0,0,.1);--sizing-app-brand-max-height:150px;--sizing-app-brand-max-width:300px;--sizing-content-width:330px;--spacing-app-brand:30px;--spacing-field-content:8px;--spacing-form:30px 20px 40px;--spacing-form-desktop:30px 30px 40px;--spacing-form-controls:20px;--spacing-form-label-bottom:5px;--spacing-silverstripe-brand:30px;--spacing-submit-content:10px 20px}@media (prefers-color-scheme:dark){:root{--color-button-primary-background:#f6c445;--color-button-primary-hover-background:#e0a800;--color-button-primary-text:#3e464e;--color-button-primary-hover-text:#3e464e;--color-button-secondary-background:transparent;--color-button-secondary-hover-background:#5a656f;--color-button-secondary-text:#ced5e1;--color-button-secondary-hover-text:#ced5e1;--color-field-background:#4f5861;--color-field-border:#4f5861;--color-field-text:#fff;--color-form-background:#3e464e;--color-form-text:#fff;--color-link-primary:#ced5e1;--color-message-error:#da273b;--color-message-warning:orange;--color-page-background:#4f5861;--color-page-text:#fff}}.app-brand__logo--dark-mode{display:none}@media (prefers-color-scheme:dark){.app-brand__logo--light-mode{display:none}.app-brand__logo--dark-mode{display:block}}@media (prefers-color-scheme:dark){.silverstripe-brand svg.silverstripe-cms-logo .text{fill:#fff}.silverstripe-brand svg.silverstripe-cms-logo .glyph{fill:#44c8f5}} \ No newline at end of file +:root{--color-button-secondary-background:transparent;--color-button-secondary-hover-background:#e7ebf0;--color-button-secondary-text:#0071c4;--color-button-secondary-hover-text:#0071c4;--color-button-primary-background:#008a00;--color-button-primary-hover-background:#006400;--color-button-primary-text:#fff;--color-button-primary-hover-text:#fff;--color-field-background:#fff;--color-field-border:#ced5e1;--color-field-text:#303b4d;--color-form-background:#fff;--color-form-text:#43536d;--color-link-primary:#0071c4;--color-message-error:#71141f;--color-message-warning:#856404;--color-page-background:#f7f8fa;--color-page-text:#303b4d;--border-radius-form:4px;--border-radius-field:3px;--box-shadow-form:0 2px 4px 0 rgba(0,0,0,.1);--sizing-app-brand-max-height:150px;--sizing-app-brand-max-width:300px;--sizing-content-width:330px;--spacing-app-brand:30px;--spacing-field-content:8px;--spacing-form:30px 20px 40px;--spacing-form-desktop:30px 30px 40px;--spacing-form-controls:20px;--spacing-form-label-bottom:5px;--spacing-silverstripe-brand:30px;--spacing-submit-content:10px 20px}@media (prefers-color-scheme:dark){:root{--color-button-primary-background:#f6c445;--color-button-primary-hover-background:#e0a800;--color-button-primary-text:#3e464e;--color-button-primary-hover-text:#3e464e;--color-button-secondary-background:transparent;--color-button-secondary-hover-background:#5a656f;--color-button-secondary-text:#ced5e1;--color-button-secondary-hover-text:#ced5e1;--color-field-background:#4f5861;--color-field-border:#4f5861;--color-field-text:#fff;--color-form-background:#3e464e;--color-form-text:#fff;--color-link-primary:#ced5e1;--color-message-error:#da273b;--color-message-warning:orange;--color-page-background:#4f5861;--color-page-text:#fff}}.app-brand__logo--dark-mode{display:none}@media (prefers-color-scheme:dark){.app-brand__logo--light-mode{display:none}.app-brand__logo--dark-mode{display:block}}@media (prefers-color-scheme:dark){.silverstripe-brand .silverstripe-cms-logo .text{fill:#fff}.silverstripe-brand .silverstripe-cms-logo .glyph{fill:#44c8f5}} \ No newline at end of file diff --git a/client/src/styles/brand.scss b/client/src/styles/brand.scss index 5c07472..35845ed 100644 --- a/client/src/styles/brand.scss +++ b/client/src/styles/brand.scss @@ -33,7 +33,7 @@ justify-content: center; padding: var(--spacing-silverstripe-brand); - svg { + .silverstripe-cms-logo { .text { fill: #75787B; } diff --git a/client/src/styles/dark-mode.scss b/client/src/styles/dark-mode.scss index 4584711..41db7c6 100644 --- a/client/src/styles/dark-mode.scss +++ b/client/src/styles/dark-mode.scss @@ -43,7 +43,7 @@ } .silverstripe-brand { - svg.silverstripe-cms-logo { + .silverstripe-cms-logo { @media (prefers-color-scheme: dark) { .text { fill: #FFFFFF;