superdesk-ui-framework 3.0.1-beta.28 → 3.0.1-beta.30

package/dist/superdesk-ui.bundle.css

@@ -2318,7 +2318,7 @@
   color: var(--sd-colour-interactive) !important; }
 
 .icon--white {
-  color: #fff !important; }
+  color: white !important; }
 
 .icon--light-blue {
   color: #68abc8 !important;
@@ -11128,7 +11128,7 @@
   --sd-colour-background__base--20:     hsla(0, 0%, 80%, 1);
   --sd-colour-background__base--30:     hsla(0, 0%, 70%, 1);
   --color-text:                         hsla(214, 13%, 20%, 1);
-  --color-text--inverse:                hsla(0, 0%, 98%, 1);
+  --color-text--inverse:                hsla(214, 13%, 98%, 1);
   --color-text-light:                   hsla(214, 13%, 40%, 1);
   --color-text-lighter:                 hsla(214, 13%, 60%, 1);
   --color-icon-default:                 hsla(214, 13%, 30%, 1);
@@ -11164,14 +11164,17 @@
   --color-navbutton-dropdown-open-bg:   hsla(0, 0%, 100%);
   --color-border-line--light:           hsla(0, 0%, 90%, 1);
   --color-border-line--medium:          hsla(0, 0%, 80%, 1);
-  --color-subnav-bg--00:                hsla(0, 0%, 96%, 1);
-  --color-subnav-bg--10:                hsla(0, 0%, 87%, 1);
+  --color-subnav-bg--00:                hsla(214, 13%, 96%, 1);
+  --color-subnav-bg--10:                hsla(214, 13%, 87%, 1);
   --color-subnav-bg--blueGrey-00:       hsla(200, 34%, 30%, 1);
   --color-subnav-bg--blueGrey-10:       hsla(200, 34%, 24%, 1);
-  --color-navbutton-bg-hover:           hsla(0, 0%, 0%, 0.05);
-  --color-navbutton-bg-active:          hsla(0, 0%, 100%);
-  --color-navbutton-bg-100:             hsla(0, 0%, 0%, 0.06);
-  --color-navbutton-bg-100-hover:       hsla(0, 0%, 0%, 0.12); }
+  --color-navbutton-bg-hover:           hsla(214, 13%, 10%, 0.05);
+  --color-navbutton-bg-active:          hsla(214, 13%, 100%, 1);
+  --color-navbutton-bg-100:             hsla(214, 13%, 10%, 0.06);
+  --color-navbutton-bg-100-hover:       hsla(214, 13%, 10%, 0.12);
+  --color-navbutton-bg-dark:            hsla(214, 13%, 55%, 1);
+  --color-navbutton-bg-dark-hover:      hsla(214, 13%, 60%, 1);
+  --color-navbutton-shadow-active:      hsla(214, 13%, 5%, 0.12); }
 
 [data-theme="dark-ui"], .dark-ui {
   --sd-colour-background__main-list:    hsla(214, 13%, 14%, 1);
@@ -11219,7 +11222,10 @@
   --color-navbutton-bg-hover:           hsla(0, 0%, 0%, 0.1);
   --color-navbutton-bg-active:          hsla(0, 0%, 100%, 0.08);
   --color-navbutton-bg-100:             hsla(0, 0%, 0%, 0.1);
-  --color-navbutton-bg-100-hover:       hsla(0, 0%, 0%, 0.2); }
+  --color-navbutton-bg-100-hover:       hsla(0, 0%, 0%, 0.2);
+  --color-navbutton-bg-dark:            hsla(214, 13%, 30%, 1);
+  --color-navbutton-bg-dark-hover:      hsla(214, 13%, 35%, 1);
+  --color-navbutton-shadow-active:      hsla(214, 13%, 96%, 0.12); }
   [data-theme="dark-ui"] [class^="big-icon--"],
   [data-theme="dark-ui"] [class*=" big-icon--"], .dark-ui [class^="big-icon--"],
   .dark-ui [class*=" big-icon--"] {
@@ -16434,7 +16440,7 @@ h1, h2, h3, h4, h5, h6 {
 
 .sd-text__info {
   font-weight: 300;
-  color: #747474; }
+  color: #647182; }
 
 .sd-text-icon {
   display: inline-flex; }
@@ -17171,11 +17177,11 @@ h1, h2, h3, h4, h5, h6 {
   .btn [class^="icon-"], .btn [class*=" icon-"] {
     margin-inline-start: -0.3rem; }
   .btn--primary, .btn--success, .btn--warning, .btn--alert, .btn--highlight, .btn--sd-green, .btn--secondary {
-    color: #fff; }
+    color: white; }
     .btn--primary [class^="icon-"], .btn--primary [class*=" icon-"], .btn--success [class^="icon-"], .btn--success [class*=" icon-"], .btn--warning [class^="icon-"], .btn--warning [class*=" icon-"], .btn--alert [class^="icon-"], .btn--alert [class*=" icon-"], .btn--highlight [class^="icon-"], .btn--highlight [class*=" icon-"], .btn--sd-green [class^="icon-"], .btn--sd-green [class*=" icon-"], .btn--secondary [class^="icon-"], .btn--secondary [class*=" icon-"] {
-      color: #fff; }
+      color: white; }
     .btn--primary .sd-spinner__path, .btn--success .sd-spinner__path, .btn--warning .sd-spinner__path, .btn--alert .sd-spinner__path, .btn--highlight .sd-spinner__path, .btn--sd-green .sd-spinner__path, .btn--secondary .sd-spinner__path {
-      stroke: #fff; }
+      stroke: white; }
   .btn--primary {
     --sd-btn-bg: var(--sd-colour-primary);
     --sd-btn-bg--hover: var(--sd-colour-primary--hover);
@@ -17667,7 +17673,6 @@ h1, h2, h3, h4, h5, h6 {
   letter-spacing: 0.125em;
   font-size: 0.9rem;
   white-space: nowrap;
-  cursor: default;
   border: 1px solid transparent;
   font-weight: 500;
   background: var(--sd-colour-bg--08);
@@ -17680,7 +17685,7 @@ h1, h2, h3, h4, h5, h6 {
     height: 2.4rem;
     line-height: 2.4rem; }
   .label.label--default {
-    background: #333333; }
+    background: #2c323a; }
   .label.label--primary {
     background: #5fa9c8; }
   .label.label--success {
@@ -17714,9 +17719,9 @@ h1, h2, h3, h4, h5, h6 {
     background-color: transparent !important;
     color: var(--sd-colour-btn-txt-neutral); }
     .label.label--hollow.label--default {
-      border: 1px solid #333333;
+      border: 1px solid #2c323a;
       background-color: transparent !important;
-      color: #333333; }
+      color: #2c323a; }
     .label.label--hollow.label--primary {
       border: 1px solid #5fa9c8;
       background-color: transparent !important;
@@ -17778,8 +17783,8 @@ h1, h2, h3, h4, h5, h6 {
     color: var(--sd-colour-btn-txt-neutral); }
     .label.label--translucent.label--default {
       background-color: var(--sd-colour-bg-translucent--08);
-      color: #333333;
-      background-color: rgba(51, 51, 51, 0.2); }
+      color: #2c323a;
+      background-color: rgba(44, 50, 58, 0.2); }
     .label.label--translucent.label--primary {
       background-color: var(--sd-colour-bg-translucent--08);
       color: #5fa9c8;
@@ -17838,10 +17843,10 @@ h1, h2, h3, h4, h5, h6 {
       background-color: rgba(30, 174, 107, 0.2); }
   .label--annotation {
     background-color: #a2df58;
-    color: #444; }
+    color: #3c444e; }
   .label--comment {
     background-color: #fff170;
-    color: #444; }
+    color: #3c444e; }
   .label--no-transform {
     text-transform: none;
     letter-spacing: 0.04em; }
@@ -18096,7 +18101,7 @@ a.label {
     .sd-alert p:last-child, .sd-alert p:only-child {
       margin-block-end: 0; }
   .sd-alert--primary, .sd-alert--info, .sd-alert--success, .sd-alert--warning, .sd-alert--alert, .sd-alert--highlight, .sd-alert--sd-green {
-    color: #fff; }
+    color: white; }
   .sd-alert--primary, .sd-alert--info {
     --sd-alert-bg: var(--sd-colour-info); }
   .sd-alert--success {
@@ -20600,7 +20605,7 @@ a.label {
   color: var(--sd-colour-interactive) !important; }
 
 .icon--white {
-  color: #fff !important; }
+  color: white !important; }
 
 .icon--light-blue {
   color: #68abc8 !important;
@@ -30450,7 +30455,7 @@ a.label {
   color: var(--sd-colour-interactive); }
 
 .big-icon--white {
-  color: #fff !important; }
+  color: white !important; }
 
 [class*=big-icon--].red,
 .big-icon--red {
@@ -32600,12 +32605,12 @@ a.label {
     width: 2rem;
     line-height: 2rem; }
     .nav-tabs-vertical__tab--active .nav-tabs-vertical__link {
-      color: #222; }
+      color: #1d2125; }
   .nav-tabs-vertical__link {
     display: inline-block;
     font-size: 1.1rem;
     font-weight: 500;
-    color: #747474;
+    color: #647182;
     text-transform: uppercase;
     white-space: nowrap;
     margin: 10px 0;
@@ -32614,7 +32619,7 @@ a.label {
     transform: translateX(20px) rotate(90deg);
     transform-origin: 0 0; }
     .nav-tabs-vertical__link:hover {
-      color: #222; }
+      color: #1d2125; }
     .nav-tabs-vertical__link:after {
       content: "";
       float: left;
@@ -33048,7 +33053,7 @@ a.label {
   width: 100%;
   text-align: center;
   z-index: 2;
-  color: #fff;
+  color: white;
   font-size: 3.2rem;
   line-height: 1;
   top: calc(50% - 1.6rem); }
@@ -33117,7 +33122,7 @@ a.label {
     background-color: var(--sd-colour-success); }
     .sd-carousel__nav-button--end::after {
       content: "\e61d";
-      color: #fff; }
+      color: white; }
     .sd-carousel__nav-button--end:hover {
       background-color: var(--sd-colour-success--hover); }
     .sd-carousel__nav-button--end:active {
@@ -33201,9 +33206,7 @@ a.label {
     gap: 0.8rem; }
     .simple-list .simple-list__item [class^="icon-"], .simple-list .simple-list__item [class*=" icon-"] {
       flex-grow: 0;
-      flex-shrink: 0;
-      color: var(--color-icon-default) !important;
-      opacity: .75; }
+      flex-shrink: 0; }
     .simple-list .simple-list__item--stacked {
       display: flex;
       flex-direction: column;
@@ -33235,9 +33238,9 @@ a.label {
     text-align: end; }
   .simple-list--dotted .simple-list__item {
     padding: 0.8rem 0;
-    border-bottom: 1px dotted rgba(123, 123, 123, 0.5); }
+    border-bottom: 1px dotted rgba(106, 120, 138, 0.5); }
     .simple-list--dotted .simple-list__item:first-child {
-      border-top: 1px dotted rgba(123, 123, 123, 0.5); }
+      border-top: 1px dotted rgba(106, 120, 138, 0.5); }
   .simple-list--dotted.simple-list--no-border-b .simple-list__item:last-child {
     border-bottom: none; }
   .simple-list--dotted.simple-list--no-border-t .simple-list__item:first-child {
@@ -33346,24 +33349,24 @@ a.toggle-box__header {
   animation: fadeIn 0.3s ease-in 0s 1; }
 
 .toggle-box__button {
-  color: #999;
+  color: #8c97a6;
   cursor: pointer; }
   .toggle-box__button i {
-    color: #999;
+    color: #8c97a6;
     margin-right: 0.5rem;
     vertical-align: text-bottom; }
   .toggle-box__button:hover {
     text-decoration: none;
-    color: #fff; }
+    color: white; }
     .toggle-box__button:hover i {
-      color: #fff; }
+      color: white; }
 
 .basic-drag-block {
   border: 2px dashed #cacaca;
   background-color: #f7f7f7;
   position: relative;
   padding: 1.2rem;
-  color: #747474;
+  color: #647182;
   text-align: center;
   border-radius: var(--b-radius--x-small); }
   .basic-drag-block i {
@@ -33694,7 +33697,7 @@ tags-input,
     height: 2.4rem;
     width: 2.4rem;
     background-color: var(--sd-colour-interactive);
-    color: #fff;
+    color: white;
     display: flex;
     align-items: center;
     text-align: center;
@@ -33779,7 +33782,7 @@ tags-input,
         tags-input .autocomplete .suggestion-item.selected:active,
         .tags-input .autocomplete .suggestion-item.selected:active {
           background-color: var(--sd-colour-interactive--alpha-70);
-          color: #fff; }
+          color: white; }
       tags-input .autocomplete .suggestion-item[disabled], tags-input .autocomplete .suggestion-item[disabled]:hover, tags-input .autocomplete .suggestion-item[disabled]:active,
       .tags-input .autocomplete .suggestion-item[disabled],
       .tags-input .autocomplete .suggestion-item[disabled]:hover,
@@ -34461,13 +34464,13 @@ tags-input,
   line-height: 1.4;
   text-transform: uppercase;
   font-weight: 400;
-  color: #888;
+  color: #788597;
   max-width: 10rem; }
   .sd-board__count-label--l {
     max-width: 14rem; }
   .sd-board__count-label strong {
     font-weight: 500;
-    color: #555;
+    color: #49535f;
     font-size: 1.3rem; }
 
 .sd-board__doughnut-chart {
@@ -34690,7 +34693,7 @@ input.sd-inset-search__input {
   [data-theme="accessible-light-ui"] .navbtn.navbtn--active,
   [data-theme="contrast-light-ui"] .navbtn.navbtn--active {
     background-color: #454545;
-    color: #fff; }
+    color: white; }
   [data-theme="accessible-light-ui"] .btn,
   [data-theme="contrast-light-ui"] .btn {
     color: var(--color-accessible-text);
@@ -34699,10 +34702,10 @@ input.sd-inset-search__input {
     [data-theme="accessible-light-ui"] .btn.btn--primary,
     [data-theme="contrast-light-ui"] .btn.btn--primary {
       background-color: var(--color-accessible-primary);
-      color: #fff; }
+      color: white; }
     [data-theme="accessible-light-ui"] .btn.btn--hollow,
     [data-theme="contrast-light-ui"] .btn.btn--hollow {
-      background-color: #fff; }
+      background-color: white; }
   [data-theme="accessible-light-ui"] .sd-list-item,
   [data-theme="contrast-light-ui"] .sd-list-item {
     font-size: 1.5rem; }
@@ -34720,11 +34723,11 @@ input.sd-inset-search__input {
     font-weight: 600; }
   [data-theme="accessible-light-ui"] .side-panel,
   [data-theme="contrast-light-ui"] .side-panel {
-    background-color: #fff;
+    background-color: white;
     color: var(--color-accessible-text); }
     [data-theme="accessible-light-ui"] .side-panel .side-panel__header,
     [data-theme="contrast-light-ui"] .side-panel .side-panel__header {
-      background-color: #fff; }
+      background-color: white; }
     [data-theme="accessible-light-ui"] .side-panel .side-panel__heading,
     [data-theme="contrast-light-ui"] .side-panel .side-panel__heading {
       font-weight: 500;
@@ -34744,17 +34747,17 @@ input.sd-inset-search__input {
     [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui,
     [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui {
       background-color: var(--color-bg-800);
-      color: #fff; }
+      color: white; }
       [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"],
       [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui i[class^="icon-"] {
-        color: #fff; }
+        color: white; }
       [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header,
       [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header {
         background-color: var(--color-bg-800);
-        color: #fff !important; }
+        color: white !important; }
         [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"],
         [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .side-panel__header i[class^="icon-"] {
-          color: #fff !important; }
+          color: white !important; }
   [data-theme="accessible-light-ui"] .sd-input .sd-input__label,
   [data-theme="contrast-light-ui"] .sd-input .sd-input__label {
     font-weight: 600;
@@ -34824,7 +34827,7 @@ input.sd-inset-search__input {
   [data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover,
   [data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus {
     background: var(--color-accessible-primary);
-    color: #fff; }
+    color: white; }
     [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):hover > i[class^="icon-"],
     [data-theme="accessible-light-ui"] .dropdown__menu li a:not(.btn):focus > i[class^="icon-"],
     [data-theme="accessible-light-ui"] .dropdown__menu li button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
@@ -34841,7 +34844,7 @@ input.sd-inset-search__input {
     [data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item a:not(.btn):focus > i[class^="icon-"],
     [data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):hover > i[class^="icon-"],
     [data-theme="contrast-light-ui"] .dropdown__menu .dropdown__menu-item button:not(.btn):not(.dropdown__menu-close):not(.toggle-button):focus > i[class^="icon-"] {
-      color: #fff; }
+      color: white; }
   [data-theme="accessible-light-ui"] .dropdown.open .navbtn > i,
   [data-theme="contrast-light-ui"] .dropdown.open .navbtn > i {
     color: var(--color-accessible-primary); }
@@ -34884,7 +34887,7 @@ input.sd-inset-search__input {
   [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link,
   [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab .nav-tabs__link {
     border-bottom-color: transparent;
-    color: #fff;
+    color: white;
     opacity: 0.6; }
   [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link,
   [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab:hover .nav-tabs__link {
@@ -34894,18 +34897,18 @@ input.sd-inset-search__input {
   [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active .nav-tabs__link,
   [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .nav-tabs__tab.nav-tabs__tab--active:hover .nav-tabs__link {
     border-bottom-color: #4d4dff;
-    color: #fff;
+    color: white;
     opacity: 1; }
   [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label,
   [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .toggle-box__label {
-    color: #fff; }
+    color: white; }
   [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label,
   [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui .sd-line-input .sd-line-input__label {
-    color: #fff;
+    color: white;
     opacity: 0.7; }
   [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white,
   [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white {
-    color: #fff;
+    color: white;
     opacity: 0.75; }
     [data-theme="accessible-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover,
     [data-theme="contrast-light-ui"] .side-panel.side-panel--dark-ui a.text-link.text-link--white:hover {
@@ -35128,7 +35131,7 @@ input.sd-inset-search__input {
     opacity: 1;
     background-color: var(--sd-colour-interactive) !important;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.12);
-    color: #fff; }
+    color: white; }
   .sd-thumb-carousel__btn--prev:focus, .sd-thumb-carousel__btn--next:focus,
   .p-carousel-prev:focus, .p-carousel-next:focus {
     opacity: 1;
@@ -35153,7 +35156,7 @@ input.sd-inset-search__input {
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: #fff;
+  background-color: white;
   border-radius: var(--b-radius--full);
   color: var(--sd-thumb-carousel__colour-indicator--highlight);
   position: absolute;
@@ -35768,7 +35771,7 @@ input.sd-inset-search__input {
       flex-grow: 1; }
     .side-panel .side-panel__header--dark-blue-grey, .side-panel .side-panel__header--blueGreyDarker {
       background-color: var(--color-subnav-bg--blueGrey-10);
-      color: #fff; }
+      color: white; }
     .side-panel .side-panel__header--darker {
       background-color: var(--sd-colour-panel-bg--100); }
   .side-panel .side-panel__header-inner {
@@ -36046,7 +36049,7 @@ input.sd-inset-search__input {
       flex-grow: 1; }
     .side-panel .side-panel__top-tools--dark-blue-grey {
       background: var(--color-subnav-bg--blueGrey-10);
-      color: #fff; }
+      color: white; }
   .side-panel .side-panel__footer {
     grid-column: 1/2;
     grid-row: 3/4;
@@ -38589,7 +38592,7 @@ input.sd-inset-search__input {
   top: 0; }
 
 .sd-edit-panel {
-  background-color: #fff;
+  background-color: white;
   transition: all .2s ease-out;
   display: flex;
   flex-direction: column;
@@ -38731,7 +38734,7 @@ input.sd-inset-search__input {
   flex-direction: column;
   overflow: auto;
   overflow-x: hidden;
-  border-right-color: #999;
+  border-right-color: #8c97a6;
   border-right-style: solid;
   border-right-width: 0;
   transition: all .2s ease-out .1s; }
@@ -39059,7 +39062,7 @@ input.sd-inset-search__input {
     right: 0; }
   .sd-overlay-panel-2--dark-ui {
     background-color: #3b3b3b;
-    color: #fff; }
+    color: white; }
     .sd-overlay-panel-2--dark-ui.sd-overlay-panel-2--left {
       box-shadow: 2px 0px 12px 0px rgba(0, 0, 0, 0.3); }
     .sd-overlay-panel-2--dark-ui.sd-overlay-panel-2--right {
@@ -39300,7 +39303,7 @@ a.text-link {
   right: 0;
   bottom: 3rem;
   width: 0;
-  background-color: #fff;
+  background-color: white;
   color: var(--color-text);
   box-shadow: -2px 0 12px 0 rgba(0, 0, 0, 0.3);
   overflow: hidden;
@@ -39910,7 +39913,7 @@ a.text-link {
 .sd-list-item__serial-number {
   font-size: 2rem;
   font-weight: 300;
-  color: #999; }
+  color: #8c97a6; }
 
 .sd-list-item:hover .sd-list-item__action-menu, .sd-list-item--activated .sd-list-item__action-menu {
   padding: 0 0.6rem;
@@ -40014,7 +40017,7 @@ a.text-link {
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
-    color: rgba(153, 153, 153, 0.8); }
+    color: rgba(140, 151, 166, 0.8); }
 
 .avatar {
   display: inline-block;
@@ -40023,7 +40026,7 @@ a.text-link {
   background-color: #69b0a2;
   border-radius: var(--b-radius--full);
   margin-inline-end: 0.6rem;
-  color: #fff;
+  color: white;
   text-align: center;
   text-transform: uppercase;
   font-size: 1.2rem;
@@ -40203,7 +40206,7 @@ a.text-link {
     background-color: #607c8a;
     padding: 0;
     min-height: 4.4rem;
-    color: #fff;
+    color: white;
     border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0; }
     .sd-card .sd-card__header::before {
       content: "";
@@ -40276,7 +40279,7 @@ a.text-link {
     background-color: #9daeb7;
     display: flex;
     align-items: center;
-    color: #fff;
+    color: white;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 100%;
@@ -40294,14 +40297,14 @@ a.text-link {
     .sd-card .sd-card__btn-group .btn {
       background: transparent;
       padding: 10px 2px;
-      color: #fff;
+      color: white;
       opacity: 0.4; }
       .sd-card .sd-card__btn-group .btn:focus, .sd-card .sd-card__btn-group .btn:hover {
         box-shadow: none;
         opacity: 1; }
       .sd-card .sd-card__btn-group .btn [class^="icon-"],
       .sd-card .sd-card__btn-group .btn [class*=" icon-"] {
-        color: #fff; }
+        color: white; }
   .sd-card .sd-card__thumbnail {
     margin-top: 0.4rem;
     line-height: 0;
@@ -40366,7 +40369,7 @@ a.text-link {
     display: flex;
     align-items: center;
     justify-content: center;
-    color: #999;
+    color: #8c97a6;
     font-weight: 300;
     font-size: 1.2rem; }
     .sd-card .sd-card__placeholder--cursorPointer {
@@ -40412,10 +40415,10 @@ a.text-link {
     .sd-card .sd-card__content-list .sd-card__content-list-block-link {
       display: block;
       padding: .8rem 1.6rem;
-      color: #666;
+      color: #596473;
       text-decoration: none; }
       .sd-card .sd-card__content-list .sd-card__content-list-block-link:hover {
-        color: #222; }
+        color: #1d2125; }
       .sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover {
         display: flex;
         justify-content: space-between; }
@@ -40482,7 +40485,7 @@ a.text-link {
     .sd-card .sd-card__thumbnail--size-xl {
       padding-bottom: 125%; }
   .sd-card .sd-card__file-type-icn {
-    color: #fff;
+    color: white;
     font-size: 5.2rem;
     height: 5.2rem;
     width: 5.2rem;
@@ -40498,7 +40501,7 @@ a.text-link {
     font-size: 2.1rem;
     z-index: 2;
     text-align: center;
-    color: #fff;
+    color: white;
     position: absolute;
     top: 0;
     left: 0;
@@ -40589,7 +40592,7 @@ a.text-link {
     display: flex;
     flex-direction: row;
     visibility: hidden;
-    color: #fff;
+    color: white;
     padding-block-start: 4px;
     padding-inline-end: 4px; }
     .sd-grid-item .sd-grid-item__top-actions * {
@@ -40736,7 +40739,7 @@ a.text-link {
     background-color: var(--sd-item__thumb-Bg);
     padding: 0;
     min-height: 4rem;
-    color: #fff;
+    color: white;
     border-radius: var(--b-radius--medium) var(--b-radius--medium) 0 0;
     width: 100%;
     height: 14rem;
@@ -40759,7 +40762,7 @@ a.text-link {
       color: currentColor;
       opacity: 0.25; }
     .sd-grid-item .sd-grid-item__thumb--white, .sd-grid-item .sd-grid-item__media--white {
-      background-color: #fff;
+      background-color: white;
       color: var(--color-text);
       box-shadow: 0 1px 0 rgba(136, 136, 136, 0.25); }
     .sd-grid-item .sd-grid-item__thumb:hover img, .sd-grid-item .sd-grid-item__media:hover img {
@@ -40810,7 +40813,7 @@ a.text-link {
     display: flex;
     align-items: center;
     justify-content: center;
-    color: #999;
+    color: #8c97a6;
     font-weight: 300;
     font-size: 1.2rem; }
     .sd-grid-item .sd-grid-item__placeholder--cursorPointer {
@@ -40833,7 +40836,7 @@ a.text-link {
     flex-shrink: 0;
     border-radius: 0 0 var(--b-radius--medium) var(--b-radius--medium); }
     .sd-grid-item .sd-grid-item__footer--light {
-      background-color: #fff; }
+      background-color: white; }
     .sd-grid-item .sd-grid-item__footer--right-align {
       justify-content: flex-end; }
     .sd-grid-item .sd-grid-item__footer--spread {
@@ -40877,7 +40880,7 @@ a.text-link {
     left: 0;
     z-index: 2; }
   .sd-grid-item .sd-grid-item__file-type-icn {
-    color: #fff;
+    color: white;
     font-size: 5.2rem;
     height: 5.2rem;
     width: 5.2rem;
@@ -41158,18 +41161,18 @@ a.text-link {
   .sd-searchbar__search-btn:hover {
     background-color: var(--sd-colour-interactive--alpha-80); }
     .sd-searchbar__search-btn:hover i {
-      color: #fff; }
+      color: white; }
   .sd-searchbar__search-btn:active {
     background-color: var(--sd-colour-interactive);
     opacity: 1; }
     .sd-searchbar__search-btn:active i {
-      color: #fff; }
+      color: white; }
 
 .sd-searchbar__search-btn--active {
   background-color: var(--sd-colour-interactive);
   opacity: 1; }
   .sd-searchbar__search-btn--active i {
-    color: #fff; }
+    color: white; }
 
 [dir="rtl"] .sd-searchbar__search-btn i.icon-chevron-right-thin {
   transform: rotate(180deg); }
@@ -41243,7 +41246,7 @@ a.text-link {
       .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .icn-btn, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .sd-thumb-carousel__btn--prev, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .sd-thumb-carousel__btn--next,
       .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .p-carousel-prev, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:hover .p-carousel-next {
         background-color: rgba(140, 151, 166, 0.25);
-        color: #fff;
+        color: white;
         opacity: 1; }
       .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .icn-btn, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .sd-thumb-carousel__btn--prev, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .sd-thumb-carousel__btn--next,
       .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .p-carousel-prev, .sd-collapse-box .sd-collapse-box__tools .sd-collapse-box__collapse-btn:active .p-carousel-next {
@@ -41484,7 +41487,7 @@ a.text-link {
   transition: 0.2s linear opacity;
   z-index: 1;
   opacity: 0;
-  color: #fff; }
+  color: white; }
   .image-overlay:hover {
     opacity: 1; }
 
@@ -41560,7 +41563,7 @@ a.text-link {
   background-color: rgba(255, 255, 255, 0.1);
   height: 4.8rem;
   width: 4.8rem;
-  color: #fff;
+  color: white;
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -41572,7 +41575,7 @@ a.text-link {
   transition: all 0.2s ease-out; }
   .sd-photo-preview__slide-in-button [class^="icon-"],
   .sd-photo-preview__slide-in-button [class*=" icon-"] {
-    color: #fff;
+    color: white;
     flex-shrink: 0; }
   .sd-photo-preview__slide-in-button:hover {
     opacity: 1; }
@@ -41589,7 +41592,7 @@ a.text-link {
   top: calc(50% - 2.8rem);
   width: 5.6rem;
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.35);
-  color: #fff;
+  color: white;
   transition: all 0.2s ease-out;
   background-color: rgba(0, 0, 0, 0.8);
   opacity: 0.3; }
@@ -41609,7 +41612,7 @@ a.text-link {
     left: 0;
     text-align: center;
     z-index: 2;
-    color: #fff;
+    color: white;
     width: 5.6rem;
     font-size: 3.2rem; }
   .sd-photo-preview__nav-button--next {
@@ -41907,7 +41910,7 @@ a.text-link {
     width: 3.2rem;
     height: 3.2rem;
     margin: auto;
-    color: #fff;
+    color: white;
     opacity: .35; }
 
 .sd-media-carousel__media-caption, .sd-media-carousel__media-title {
@@ -41920,13 +41923,43 @@ a.text-link {
   font-weight: 300;
   line-height: 140%;
   border: 1px solid transparent;
-  transition: all ease-in-out 0.2s; }
-  .sd-media-carousel__media-caption[contenteditable="true"]:hover, .sd-media-carousel__media-title[contenteditable="true"]:hover {
+  transition: all ease-in-out 0.2s;
+  background-color: transparent; }
+  .sd-media-carousel__media-caption[contenteditable="true"]:hover, .sd-media-carousel__media-captiontextarea:not(disabled):hover, .sd-media-carousel__media-title[contenteditable="true"]:hover, .sd-media-carousel__media-titletextarea:not(disabled):hover {
     border-color: var(--sd-colour-interactive--alpha-60); }
-  .sd-media-carousel__media-caption[contenteditable="true"]:focus, .sd-media-carousel__media-title[contenteditable="true"]:focus {
+  .sd-media-carousel__media-caption[contenteditable="true"]:focus, .sd-media-carousel__media-captiontextarea:not(disabled):focus, .sd-media-carousel__media-title[contenteditable="true"]:focus, .sd-media-carousel__media-titletextarea:not(disabled):focus {
     border-color: var(--sd-colour-interactive);
     box-shadow: inset 0 -1px 0 0 var(--sd-colour-interactive); }
-  .sd-media-carousel__media-caption[contenteditable="true"]:empty:before, .sd-media-carousel__media-title[contenteditable="true"]:empty:before {
+  .sd-media-carousel__media-caption[contenteditable="true"]:empty:before, .sd-media-carousel__media-captiontextarea:not(disabled):empty:before, .sd-media-carousel__media-title[contenteditable="true"]:empty:before, .sd-media-carousel__media-titletextarea:not(disabled):empty:before {
+    position: absolute;
+    content: attr(sd-placeholder) " ";
+    opacity: 0.55;
+    color: inherit;
+    font-weight: 300;
+    cursor: text; }
+
+textarea.sd-media-carousel__media-caption,
+textarea.sd-media-carousel__media-title {
+  color: inherit;
+  position: relative;
+  padding: 1.2rem;
+  width: 100%;
+  font-size: 1.4rem;
+  text-align: start;
+  font-weight: 300;
+  line-height: 140%;
+  border: 1px solid transparent;
+  transition: all ease-in-out 0.2s;
+  background-color: transparent; }
+  textarea.sd-media-carousel__media-caption:not(disabled):hover,
+  textarea.sd-media-carousel__media-title:not(disabled):hover {
+    border-color: var(--sd-colour-interactive--alpha-60); }
+  textarea.sd-media-carousel__media-caption:not(disabled):focus,
+  textarea.sd-media-carousel__media-title:not(disabled):focus {
+    border-color: var(--sd-colour-interactive);
+    box-shadow: inset 0 0 0 4px var(--sd-colour-interactive--alpha-30); }
+  textarea.sd-media-carousel__media-caption:not(disabled):empty:before,
+  textarea.sd-media-carousel__media-title:not(disabled):empty:before {
     position: absolute;
     content: attr(sd-placeholder) " ";
     opacity: 0.55;
@@ -44493,7 +44526,7 @@ a.text-link {
   transition: box-shadow 0.3s ease-in-out;
   z-index: 2; }
   .progress-done i {
-    color: #fff;
+    color: white;
     text-align: center;
     margin: auto;
     align-content: center;
@@ -44815,12 +44848,12 @@ a.text-link {
     background: var(--sd-colour-panel-bg--200) !important; }
   .subnav--dark-blue-grey, .subnav--blueGreyDarker {
     background: var(--color-subnav-bg--blueGrey-10) !important;
-    color: #fff; }
+    color: white; }
     .subnav--dark-blue-grey .navbtn:hover, .subnav--blueGreyDarker .navbtn:hover {
       background: rgba(255, 255, 255, 0.2); }
   .subnav--mid-blue-grey, .subnav--blueGrey {
     background: var(--color-subnav-bg--blueGrey-00) !important;
-    color: #fff; }
+    color: white; }
   .subnav--absolute {
     position: absolute;
     top: 48px;
@@ -44915,7 +44948,7 @@ a.text-link {
   align-items: center;
   justify-content: center;
   background: transparent;
-  color: inherit;
+  color: var(--color-text);
   text-align: center;
   text-decoration: none;
   border: 0;
@@ -44935,39 +44968,47 @@ a.text-link {
     .sd-navbtn:hover > i {
       opacity: 1; }
   .sd-navbtn:active {
-    background: var(--color-navbutton-bg-active); }
+    background: transparent;
+    box-shadow: inset 0 0 0 4px var(--color-navbutton-shadow-active); }
     .sd-navbtn:active > i {
       opacity: 1; }
   .sd-navbtn:focus-visible {
-    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-70), 0 0 0 2px var(--sd-colour-interactive--alpha-40); }
+    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive--alpha-70), inset 0 0 0 3px var(--sd-colour-interactive--alpha-40); }
     .sd-navbtn:focus-visible > i {
       opacity: 1; }
   .sd-navbtn.sd-navbtn--highlight {
-    background: #9b27b0;
-    border-color: #89229b;
-    color: #fff; }
+    background: var(--sd-colour-highlight);
+    border-color: var(--sd-colour-highlight);
+    color: white; }
     .sd-navbtn.sd-navbtn--highlight:hover {
-      background-color: #89229b;
-      border-color: #761d86; }
+      background-color: var(--sd-colour-highlight--hover);
+      border-color: var(--sd-colour-highlight--hover); }
     .sd-navbtn.sd-navbtn--highlight:active {
-      background-color: #ae2bc5;
-      border-color: #89229b; }
+      background: var(--sd-colour-highlight);
+      border-color: var(--sd-colour-highlight); }
   .sd-navbtn.sd-navbtn--darker {
     background: var(--color-navbutton-bg-100); }
     .sd-navbtn.sd-navbtn--darker:hover {
       background-color: var(--color-navbutton-bg-100-hover); }
     .sd-navbtn.sd-navbtn--darker:active {
-      background-color: var(--color-navbutton-bg-active); }
+      background: var(--color-navbutton-bg-100); }
+  .sd-navbtn.sd-navbtn--dark {
+    background: var(--color-navbutton-bg-dark);
+    color: white; }
+    .sd-navbtn.sd-navbtn--dark:hover {
+      background-color: var(--color-navbutton-bg-dark-hover); }
+    .sd-navbtn.sd-navbtn--dark:active {
+      background: var(--color-navbutton-bg-dark); }
   .sd-navbtn.sd-navbtn--primary, .sd-navbtn.sd-navbtn--active {
     background: var(--sd-colour-interactive);
-    border-color: var(--sd-colour-interactive--darken-10);
-    color: #fff; }
+    border-color: var(--sd-colour-interactive);
+    color: white; }
     .sd-navbtn.sd-navbtn--primary:hover, .sd-navbtn.sd-navbtn--active:hover {
-      background-color: var(--sd-colour-interactive--darken-10);
-      border-color: var(--sd-colour-interactive--darken-20); }
+      background-color: var(--sd-colour-interactive--hover);
+      border-color: var(--sd-colour-interactive--hover); }
     .sd-navbtn.sd-navbtn--primary:active, .sd-navbtn.sd-navbtn--active:active {
-      background-color: var(--sd-colour-interactive--lighten-10);
-      border-color: var(--sd-colour-interactive--darken-10); }
+      background: var(--sd-colour-interactive);
+      border-color: var(--sd-colour-interactive); }
   .sd-navbtn--left {
     border-width: 0 1px 0 0; }
   .sd-navbtn--textual {
@@ -45018,7 +45059,7 @@ a.text-link {
   position: relative;
   box-shadow: 0 8px 0 0px var(--color-dropdown-menu-Bg), -2px -1px 8px -2px rgba(0, 0, 0, 0.24), 3px -1px 8px -2px rgba(0, 0, 0, 0.24);
   border-color: transparent !important;
-  z-index: 1001; }
+  z-index: 2001; }
   .dropdown.open .sd-navbtn i {
     opacity: 1;
     color: var(--sd-colour-interactive); }
@@ -45076,7 +45117,7 @@ a.text-link {
   .navbtn.navbtn--blue {
     background: var(--sd-colour-interactive);
     border-color: var(--sd-colour-interactive--lighten-10);
-    color: #fff; }
+    color: white; }
     .navbtn.navbtn--blue.disabled {
       background: var(--sd-colour-interactive--lighten-30); }
   .navbtn.navbtn--text-only {
@@ -45091,7 +45132,7 @@ a.text-link {
     background-color: #9b27b0 !important;
     transition: all 0.3s;
     padding: 0 0 0 9px;
-    color: #fff; }
+    color: white; }
     .navbtn.navbtn--highlighted:hover {
       background-color: #761d86; }
   .navbtn.navbtn--darker {
@@ -45100,7 +45141,7 @@ a.text-link {
     background-color: var(--sd-colour-interactive); }
     .navbtn.navbtn--active > i {
       opacity: 1;
-      color: #fff; }
+      color: white; }
   .navbtn.navbtn--publish {
     background-color: rgba(0, 0, 0, 0.05); }
 
@@ -45114,7 +45155,7 @@ a.text-link {
     color: var(--sd-colour-interactive); }
 
 .dropdown.open .sd-create-btn i {
-  color: #fff; }
+  color: white; }
 
 .subnav__stretch-bar {
   display: flex;
@@ -45630,7 +45671,7 @@ a.text-link {
   color: var(--sd-colour-interactive); }
 
 .dropdown.open .dropdown .dropdown__toggle {
-  color: #333333; }
+  color: #2c323a; }
 
 .dropdown__more-actions .dropdown__toggle > i {
   opacity: 0.3; }
@@ -45653,7 +45694,7 @@ a.text-link {
   content: "";
   transition: all 0.1s ease-in; }
   .dropdown__caret.dropdown__caret--white, .dropdown__caret.white {
-    border-top-color: #fff; }
+    border-top-color: white; }
 
 .dropdown:hover .dropdown__caret,
 .dropdown.open .dropdown__caret {
@@ -45847,7 +45888,7 @@ a.text-link {
     margin-block-end: -0.4rem; }
 
 .dropdown__menu-info {
-  color: #999;
+  color: #8c97a6;
   font-style: italic;
   vertical-align: middle; }
 
@@ -45897,7 +45938,7 @@ a.text-link {
 
 .dropdown--dropup .dropdown__caret {
   border-top: 0;
-  border-bottom: 4px solid #000;
+  border-bottom: 4px solid black;
   content: "\2191";
   -webkit-transition: all 0.2s eas-in;
   -moz-transition: all 0.2s eas-in;
@@ -46069,7 +46110,7 @@ a.text-link {
     padding: 0 20px; }
 
 .dark-ui .dropdown__caret {
-  border-top-color: #fff; }
+  border-top-color: white; }
 
 .dark-ui .dropdown.open .dropdown__caret {
   border-top-color: var(--sd-colour-interactive); }
@@ -46937,7 +46978,7 @@ a.text-link {
       font-weight: normal;
       font-variant: normal;
       text-transform: none;
-      color: #fff;
+      color: white;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale; }
     .sd-line-input .sd-line-input__plus-btn:hover {
@@ -47516,7 +47557,7 @@ a.text-link {
     width: 1.4rem;
     top: 0.2rem;
     height: 1.4rem;
-    background: #fff;
+    background: white;
     border-radius: var(--b-radius--full);
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
     transition: all 0.2s ease; }
@@ -47680,14 +47721,14 @@ a.text-link {
       border-color: var(--sd-colour-interactive--active);
       border-top-color: var(--sd-colour-interactive--darken-20);
       box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
-      color: #fff; }
+      color: white; }
       .sd-checkbox--button-style.checked:hover, .sd-checkbox--button-style[checked="checked"]:hover {
-        color: #fff;
+        color: white;
         border-color: var(--sd-colour-interactive--hover);
         background-color: var(--sd-colour-interactive--active);
         box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }
       .sd-checkbox--button-style.checked label, .sd-checkbox--button-style[checked="checked"] label {
-        color: #fff; }
+        color: white; }
     .sd-checkbox--button-style .sd-label--disabled {
       opacity: 1 !important;
       cursor: not-allowed !important; }
@@ -47866,11 +47907,11 @@ a.text-link {
     border-color: var(--sd-colour-interactive--active);
     border-top-color: var(--sd-colour-interactive--darken-20);
     box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
-    color: #fff; }
+    color: white; }
     .sd-check-button.checked .sd-check-button__text-label, .sd-check-button[checked="checked"] .sd-check-button__text-label {
       opacity: 1; }
     .sd-check-button.checked:hover, .sd-check-button[checked="checked"]:hover {
-      color: #fff;
+      color: white;
       border-color: var(--sd-colour-interactive--active);
       background-color: var(--sd-colour-interactive--hover);
       box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }
@@ -48034,7 +48075,7 @@ a.text-link {
 
 .sd-check-button .sd-check-button__input:checked ~ label {
   opacity: 1;
-  color: #fff;
+  color: white;
   background-color: var(--sd-colour-interactive--active);
   border-color: var(--sd-colour-interactive--active);
   border-top-color: var(--sd-colour-interactive--darken-20);
@@ -48086,9 +48127,9 @@ a.text-link {
     border-color: var(--sd-colour-interactive--active);
     border-top-color: var(--sd-colour-interactive--darken-20);
     box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
-    color: #fff; }
+    color: white; }
     .toggle-button.toggle-button--active:hover {
-      color: #fff;
+      color: white;
       border-color: var(--sd-colour-interactive--active);
       background-color: var(--sd-colour-interactive--hover);
       box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }
@@ -48162,7 +48203,7 @@ label + .sd-radio {
 
 .sd-searchbar .p-autocomplete-loader.pi {
   font-size: 2.4rem !important;
-  background-color: #fff; }
+  background-color: white; }
 
 .sd-input .p-autocomplete-loader {
   margin-top: -1.4rem; }
@@ -48371,7 +48412,7 @@ label + .sd-radio {
     background-color: var(--sd-colour-interactive--active);
     opacity: 1; }
     .sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon, .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
-      color: #fff; }
+      color: white; }
       .sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class^="big-icon--"],
       .sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class*=" big-icon--"],
       .sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon [class^="icon-"],
@@ -48578,7 +48619,7 @@ i.sd-sidetab-menu__helper-icon {
   margin: 0; }
 
 .sd-side-menu__btn--active .sd-side-menu__helper-icon, .sd-side-menu__btn--active .sd-side-menu__main-icon {
-  color: #fff; }
+  color: white; }
 
 .sd-side-menu__btn--active:hover .sd-side-menu__helper-icon {
   opacity: 1;
@@ -48649,7 +48690,7 @@ i.sd-sidetab-menu__helper-icon {
   display: flex;
   flex-direction: row;
   align-items: center;
-  color: #fff; }
+  color: white; }
 
 .sd-top-menu__collapse-nav {
   height: 48px;
@@ -48807,7 +48848,7 @@ i.sd-sidetab-menu__helper-icon {
   font-size: 1.4rem;
   line-height: 100%;
   text-decoration: none;
-  color: #222;
+  color: #1d2125;
   padding: 1.6rem 2rem;
   transition: background-color 0.2s ease-out, color 0.1s ease-out; }
   .sd-content-nav__btn:hover {
@@ -49081,9 +49122,9 @@ i.sd-sidetab-menu__helper-icon {
     border-color: var(--sd-editor-colour__main-border); }
     .theme-preview__block .sd-checkbox--button-style.checked, .theme-preview__block .sd-checkbox--button-style:hover.checked {
       border-color: var(--sd-colour-interactive--active) !important;
-      color: #fff; }
+      color: white; }
       .theme-preview__block .sd-checkbox--button-style.checked label, .theme-preview__block .sd-checkbox--button-style:hover.checked label {
-        color: #fff !important; }
+        color: white !important; }
   .theme-preview__block .sd-checkbox--button-style label, .theme-preview__block .sd-checkbox--button-style:hover label {
     color: var(--sd-editor-colour__txt); }
 
@@ -49102,7 +49143,7 @@ i.sd-sidetab-menu__helper-icon {
   white-space: nowrap;
   font-weight: 400;
   background-color: var(--sd-editor-colour__field-label-bg);
-  color: #fff;
+  color: white;
   font-family: "Roboto"; }
 
 .theme-preview__text-field {
@@ -49299,7 +49340,7 @@ i.sd-sidetab-menu__helper-icon {
 
 .big-number-block {
   display: flex;
-  color: #7b7b7b; }
+  color: #6a788a; }
   .big-number-block__number {
     font-size: 3.6rem;
     font-weight: 300;
@@ -49324,7 +49365,7 @@ i.sd-sidetab-menu__helper-icon {
     flex-direction: column; }
   .dashboard-thumbnail-block__label {
     font-size: 1.2rem;
-    color: #999; }
+    color: #8c97a6; }
   .dashboard-thumbnail-block__heading {
     display: flex;
     font-weight: 700;
@@ -49409,10 +49450,10 @@ i.sd-sidetab-menu__helper-icon {
   .sd-overlay-block .sd-overlay-block__overlay-message {
     display: none;
     margin-top: 1rem;
-    color: #747474; }
+    color: #647182; }
   .sd-overlay-block--no-image {
     height: 160px;
-    border: 2px dashed #333333; }
+    border: 2px dashed #2c323a; }
     .sd-overlay-block--no-image .sd-overlay-block__overlay {
       opacity: 1; }
     .sd-overlay-block--no-image img {
@@ -51741,7 +51782,7 @@ i.sd-sidetab-menu__helper-icon {
   color: var(--sd-colour-interactive) !important; }
 
 .icon--white {
-  color: #fff !important; }
+  color: white !important; }
 
 .icon--light-blue {
   color: #68abc8 !important;
@@ -59545,14 +59586,14 @@ i.sd-sidetab-menu__helper-icon {
       border-color: var(--sd-colour-interactive--active);
       border-top-color: var(--sd-colour-interactive--darken-20);
       box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
-      color: #fff; }
+      color: white; }
       .sd-checkbox--button-style.checked:hover, .sd-checkbox--button-style[checked="checked"]:hover {
-        color: #fff;
+        color: white;
         border-color: var(--sd-colour-interactive--hover);
         background-color: var(--sd-colour-interactive--active);
         box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }
       .sd-checkbox--button-style.checked label, .sd-checkbox--button-style[checked="checked"] label {
-        color: #fff; }
+        color: white; }
     .sd-checkbox--button-style .sd-label--disabled {
       opacity: 1 !important;
       cursor: not-allowed !important; }
@@ -59731,11 +59772,11 @@ i.sd-sidetab-menu__helper-icon {
     border-color: var(--sd-colour-interactive--active);
     border-top-color: var(--sd-colour-interactive--darken-20);
     box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
-    color: #fff; }
+    color: white; }
     .sd-check-button.checked .sd-check-button__text-label, .sd-check-button[checked="checked"] .sd-check-button__text-label {
       opacity: 1; }
     .sd-check-button.checked:hover, .sd-check-button[checked="checked"]:hover {
-      color: #fff;
+      color: white;
       border-color: var(--sd-colour-interactive--active);
       background-color: var(--sd-colour-interactive--hover);
       box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }
@@ -59899,7 +59940,7 @@ i.sd-sidetab-menu__helper-icon {
 
 .sd-check-button .sd-check-button__input:checked ~ label {
   opacity: 1;
-  color: #fff;
+  color: white;
   background-color: var(--sd-colour-interactive--active);
   border-color: var(--sd-colour-interactive--active);
   border-top-color: var(--sd-colour-interactive--darken-20);
@@ -59951,9 +59992,9 @@ i.sd-sidetab-menu__helper-icon {
     border-color: var(--sd-colour-interactive--active);
     border-top-color: var(--sd-colour-interactive--darken-20);
     box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2);
-    color: #fff; }
+    color: white; }
     .toggle-button.toggle-button--active:hover {
-      color: #fff;
+      color: white;
       border-color: var(--sd-colour-interactive--active);
       background-color: var(--sd-colour-interactive--hover);
       box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.2); }
@@ -60245,11 +60286,13 @@ i.sd-sidetab-menu__helper-icon {
 .p-datepicker.p-component {
   display: block !important; }
 
-.p-datepicker table td > span:not(.p-highlight):not(.p-disabled):hover {
-  background-color: var(--sd-colour-interactive--alpha-20); }
-
-.p-datepicker table td > span:not(.p-highlight):not(.p-disabled):active {
-  background-color: var(--sd-colour-interactive--alpha-30); }
+.p-datepicker table td > span:not(.p-highlight):not(.p-disabled) {
+  transition: all ease 0.2s; }
+  .p-datepicker table td > span:not(.p-highlight):not(.p-disabled):hover {
+    background-color: var(--sd-colour-interactive--alpha-10);
+    box-shadow: inset 0 0 0 1px var(--sd-colour-interactive); }
+  .p-datepicker table td > span:not(.p-highlight):not(.p-disabled):active {
+    background-color: var(--sd-colour-interactive--alpha-20); }
 
 .p-datepicker table td > span {
   cursor: pointer;
@@ -60277,7 +60320,7 @@ i.sd-sidetab-menu__helper-icon {
 
 .p-datepicker .p-highlight {
   background-color: var(--sd-colour-interactive);
-  color: #fff; }
+  color: white; }
 
 .p-datepicker-trigger {
   font-size: 1.4em;
@@ -60778,7 +60821,7 @@ i.sd-sidetab-menu__helper-icon {
     align-items: center;
     justify-content: center;
     border-radius: var(--b-radius--full);
-    color: #fff;
+    color: white;
     text-transform: uppercase;
     letter-spacing: -0.03em;
     overflow: hidden; }