Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
427 lines (392 sloc) 20 KB
//default color scheme
:root {
--color-primary: #{$muriel-blue-500};
--color-primary-rgb: #{hex-to-rgb( $muriel-blue-500 )};
--color-primary-dark: #{$muriel-blue-700};
--color-primary-dark-rgb: #{hex-to-rgb( $muriel-blue-700 )};
--color-primary-light: #{$muriel-blue-300};
--color-primary-light-rgb: #{hex-to-rgb( $muriel-blue-300 )};
--color-primary-0: #{$muriel-blue-0};
--color-primary-0-rgb: #{hex-to-rgb( $muriel-blue-0 )};
--color-primary-50: #{$muriel-blue-50};
--color-primary-50-rgb: #{hex-to-rgb( $muriel-blue-50 )};
--color-primary-100: #{$muriel-blue-100};
--color-primary-100-rgb: #{hex-to-rgb( $muriel-blue-100 )};
--color-primary-200: #{$muriel-blue-200};
--color-primary-200-rgb: #{hex-to-rgb( $muriel-blue-200 )};
--color-primary-300: #{$muriel-blue-300};
--color-primary-300-rgb: #{hex-to-rgb( $muriel-blue-300 )};
--color-primary-400: #{$muriel-blue-400};
--color-primary-400-rgb: #{hex-to-rgb( $muriel-blue-400 )};
--color-primary-500: #{$muriel-blue-500};
--color-primary-500-rgb: #{hex-to-rgb( $muriel-blue-500 )};
--color-primary-600: #{$muriel-blue-600};
--color-primary-600-rgb: #{hex-to-rgb( $muriel-blue-600 )};
--color-primary-700: #{$muriel-blue-700};
--color-primary-700-rgb: #{hex-to-rgb( $muriel-blue-700 )};
--color-primary-800: #{$muriel-blue-800};
--color-primary-800-rgb: #{hex-to-rgb( $muriel-blue-800 )};
--color-primary-900: #{$muriel-blue-900};
--color-primary-900-rgb: #{hex-to-rgb( $muriel-blue-900 )};
--color-accent: #{$muriel-hot-pink-500};
--color-accent-rgb: #{hex-to-rgb( $muriel-hot-pink-500 )};
--color-accent-dark: #{$muriel-hot-pink-700};
--color-accent-dark-rgb: #{hex-to-rgb( $muriel-hot-pink-700 )};
--color-accent-light: #{$muriel-hot-pink-300};
--color-accent-light-rgb: #{hex-to-rgb( $muriel-hot-pink-300 )};
--color-accent-0: #{$muriel-hot-pink-0};
--color-accent-0-rgb: #{hex-to-rgb( $muriel-hot-pink-0 )};
--color-accent-50: #{$muriel-hot-pink-50};
--color-accent-50-rgb: #{hex-to-rgb( $muriel-hot-pink-50 )};
--color-accent-100: #{$muriel-hot-pink-100};
--color-accent-100-rgb: #{hex-to-rgb( $muriel-hot-pink-100 )};
--color-accent-200: #{$muriel-hot-pink-200};
--color-accent-200-rgb: #{hex-to-rgb( $muriel-hot-pink-200 )};
--color-accent-300: #{$muriel-hot-pink-300};
--color-accent-300-rgb: #{hex-to-rgb( $muriel-hot-pink-300 )};
--color-accent-400: #{$muriel-hot-pink-400};
--color-accent-400-rgb: #{hex-to-rgb( $muriel-hot-pink-400 )};
--color-accent-500: #{$muriel-hot-pink-500};
--color-accent-500-rgb: #{hex-to-rgb( $muriel-hot-pink-500 )};
--color-accent-600: #{$muriel-hot-pink-600};
--color-accent-600-rgb: #{hex-to-rgb( $muriel-hot-pink-600 )};
--color-accent-700: #{$muriel-hot-pink-700};
--color-accent-700-rgb: #{hex-to-rgb( $muriel-hot-pink-700 )};
--color-accent-800: #{$muriel-hot-pink-800};
--color-accent-800-rgb: #{hex-to-rgb( $muriel-hot-pink-800 )};
--color-accent-900: #{$muriel-hot-pink-900};
--color-accent-900-rgb: #{hex-to-rgb( $muriel-hot-pink-900 )};
--color-white: #{$muriel-white};
--color-white-rgb: #{hex-to-rgb( $muriel-white )};
--color-neutral: #{$muriel-gray-500};
--color-neutral-rgb: #{hex-to-rgb( $muriel-gray-500 )};
--color-neutral-dark: #{$muriel-gray-700};
--color-neutral-dark-rgb: #{hex-to-rgb( $muriel-gray-700 )};
--color-neutral-light: #{$muriel-gray-300};
--color-neutral-light-rgb: #{hex-to-rgb( $muriel-gray-300 )};
--color-neutral-0: #{$muriel-gray-0};
--color-neutral-0-rgb: #{hex-to-rgb( $muriel-gray-0 )};
--color-neutral-50: #{$muriel-gray-50};
--color-neutral-50-rgb: #{hex-to-rgb( $muriel-gray-50 )};
--color-neutral-100: #{$muriel-gray-100};
--color-neutral-100-rgb: #{hex-to-rgb( $muriel-gray-100 )};
--color-neutral-200: #{$muriel-gray-200};
--color-neutral-200-rgb: #{hex-to-rgb( $muriel-gray-200 )};
--color-neutral-300: #{$muriel-gray-300};
--color-neutral-300-rgb: #{hex-to-rgb( $muriel-gray-300 )};
--color-neutral-400: #{$muriel-gray-400};
--color-neutral-400-rgb: #{hex-to-rgb( $muriel-gray-400 )};
--color-neutral-500: #{$muriel-gray-500};
--color-neutral-500-rgb: #{hex-to-rgb( $muriel-gray-500 )};
--color-neutral-600: #{$muriel-gray-600};
--color-neutral-600-rgb: #{hex-to-rgb( $muriel-gray-600 )};
--color-neutral-700: #{$muriel-gray-700};
--color-neutral-700-rgb: #{hex-to-rgb( $muriel-gray-700 )};
--color-neutral-800: #{$muriel-gray-800};
--color-neutral-800-rgb: #{hex-to-rgb( $muriel-gray-800 )};
--color-neutral-900: #{$muriel-gray-900};
--color-neutral-900-rgb: #{hex-to-rgb( $muriel-gray-900 )};
--color-success: #{$muriel-hot-green-500};
--color-success-rgb: #{hex-to-rgb( $muriel-hot-green-500 )};
--color-success-dark: #{$muriel-hot-green-700};
--color-success-dark-rgb: #{hex-to-rgb( $muriel-hot-green-700 )};
--color-success-light: #{$muriel-hot-green-300};
--color-success-light-rgb: #{hex-to-rgb( $muriel-hot-green-300 )};
--color-success-0: #{$muriel-hot-green-0};
--color-success-0-rgb: #{hex-to-rgb( $muriel-hot-green-0 )};
--color-success-50: #{$muriel-hot-green-50};
--color-success-50-rgb: #{hex-to-rgb( $muriel-hot-green-50 )};
--color-success-100: #{$muriel-hot-green-100};
--color-success-100-rgb: #{hex-to-rgb( $muriel-hot-green-100 )};
--color-success-200: #{$muriel-hot-green-200};
--color-success-200-rgb: #{hex-to-rgb( $muriel-hot-green-200 )};
--color-success-300: #{$muriel-hot-green-300};
--color-success-300-rgb: #{hex-to-rgb( $muriel-hot-green-300 )};
--color-success-400: #{$muriel-hot-green-400};
--color-success-400-rgb: #{hex-to-rgb( $muriel-hot-green-400 )};
--color-success-500: #{$muriel-hot-green-500};
--color-success-500-rgb: #{hex-to-rgb( $muriel-hot-green-500 )};
--color-success-600: #{$muriel-hot-green-600};
--color-success-600-rgb: #{hex-to-rgb( $muriel-hot-green-600 )};
--color-success-700: #{$muriel-hot-green-700};
--color-success-700-rgb: #{hex-to-rgb( $muriel-hot-green-700 )};
--color-success-800: #{$muriel-hot-green-800};
--color-success-800-rgb: #{hex-to-rgb( $muriel-hot-green-800 )};
--color-success-900: #{$muriel-hot-green-900};
--color-success-900-rgb: #{hex-to-rgb( $muriel-hot-green-900 )};
--color-warning: #{$muriel-hot-yellow-500};
--color-warning-rgb: #{hex-to-rgb( $muriel-hot-yellow-500 )};
--color-warning-dark: #{$muriel-hot-yellow-700};
--color-warning-dark-rgb: #{hex-to-rgb( $muriel-hot-yellow-700 )};
--color-warning-light: #{$muriel-hot-yellow-300};
--color-warning-light-rgb: #{hex-to-rgb( $muriel-hot-yellow-300 )};
--color-warning-0: #{$muriel-hot-yellow-0};
--color-warning-0-rgb: #{hex-to-rgb( $muriel-hot-yellow-0 )};
--color-warning-50: #{$muriel-hot-yellow-50};
--color-warning-50-rgb: #{hex-to-rgb( $muriel-hot-yellow-50 )};
--color-warning-100: #{$muriel-hot-yellow-100};
--color-warning-100-rgb: #{hex-to-rgb( $muriel-hot-yellow-100 )};
--color-warning-200: #{$muriel-hot-yellow-200};
--color-warning-200-rgb: #{hex-to-rgb( $muriel-hot-yellow-200 )};
--color-warning-300: #{$muriel-hot-yellow-300};
--color-warning-300-rgb: #{hex-to-rgb( $muriel-hot-yellow-300 )};
--color-warning-400: #{$muriel-hot-yellow-400};
--color-warning-400-rgb: #{hex-to-rgb( $muriel-hot-yellow-400 )};
--color-warning-500: #{$muriel-hot-yellow-500};
--color-warning-500-rgb: #{hex-to-rgb( $muriel-hot-yellow-500 )};
--color-warning-600: #{$muriel-hot-yellow-600};
--color-warning-600-rgb: #{hex-to-rgb( $muriel-hot-yellow-600 )};
--color-warning-700: #{$muriel-hot-yellow-700};
--color-warning-700-rgb: #{hex-to-rgb( $muriel-hot-yellow-700 )};
--color-warning-800: #{$muriel-hot-yellow-800};
--color-warning-800-rgb: #{hex-to-rgb( $muriel-hot-yellow-800 )};
--color-warning-900: #{$muriel-hot-yellow-900};
--color-warning-900-rgb: #{hex-to-rgb( $muriel-hot-yellow-900 )};
--color-error: #{$muriel-hot-red-500};
--color-error-rgb: #{hex-to-rgb( $muriel-hot-red-500 )};
--color-error-dark: #{$muriel-hot-red-700};
--color-error-dark-rgb: #{hex-to-rgb( $muriel-hot-red-700 )};
--color-error-light: #{$muriel-hot-red-300};
--color-error-light-rgb: #{hex-to-rgb( $muriel-hot-red-300 )};
--color-error-0: #{$muriel-hot-red-0};
--color-error-0-rgb: #{hex-to-rgb( $muriel-hot-red-0 )};
--color-error-50: #{$muriel-hot-red-50};
--color-error-50-rgb: #{hex-to-rgb( $muriel-hot-red-50 )};
--color-error-100: #{$muriel-hot-red-100};
--color-error-100-rgb: #{hex-to-rgb( $muriel-hot-red-100 )};
--color-error-200: #{$muriel-hot-red-200};
--color-error-200-rgb: #{hex-to-rgb( $muriel-hot-red-200 )};
--color-error-300: #{$muriel-hot-red-300};
--color-error-300-rgb: #{hex-to-rgb( $muriel-hot-red-300 )};
--color-error-400: #{$muriel-hot-red-400};
--color-error-400-rgb: #{hex-to-rgb( $muriel-hot-red-400 )};
--color-error-500: #{$muriel-hot-red-500};
--color-error-500-rgb: #{hex-to-rgb( $muriel-hot-red-500 )};
--color-error-600: #{$muriel-hot-red-600};
--color-error-600-rgb: #{hex-to-rgb( $muriel-hot-red-600 )};
--color-error-700: #{$muriel-hot-red-700};
--color-error-700-rgb: #{hex-to-rgb( $muriel-hot-red-700 )};
--color-error-800: #{$muriel-hot-red-800};
--color-error-800-rgb: #{hex-to-rgb( $muriel-hot-red-800 )};
--color-error-900: #{$muriel-hot-red-900};
--color-error-900-rgb: #{hex-to-rgb( $muriel-hot-red-900 )};
--color-surface: #{$muriel-white};
--color-surface-backdrop: #{$muriel-gray-0};
--color-text: #{$muriel-gray-800};
--color-text-subtle: #{$muriel-gray-500};
--color-border: var( --color-neutral-200 );
--color-border-subtle: var( --color-neutral-50 );
--color-border-shadow: var( --color-neutral-0 );
--color-link: #{$muriel-blue-500};
--color-link-rgb: #{hex-to-rgb( $muriel-blue-500 )};
--color-link-dark: #{$muriel-blue-700};
--color-link-dark-rgb: #{hex-to-rgb( $muriel-blue-700 )};
--color-link-light: #{$muriel-blue-300};
--color-link-light-rgb: #{hex-to-rgb( $muriel-blue-300 )};
--color-link-0: #{$muriel-blue-0};
--color-link-0-rgb: #{hex-to-rgb( $muriel-blue-0 )};
--color-link-50: #{$muriel-blue-50};
--color-link-50-rgb: #{hex-to-rgb( $muriel-blue-50 )};
--color-link-100: #{$muriel-blue-100};
--color-link-100-rgb: #{hex-to-rgb( $muriel-blue-100 )};
--color-link-200: #{$muriel-blue-200};
--color-link-200-rgb: #{hex-to-rgb( $muriel-blue-200 )};
--color-link-300: #{$muriel-blue-300};
--color-link-300-rgb: #{hex-to-rgb( $muriel-blue-300 )};
--color-link-400: #{$muriel-blue-400};
--color-link-400-rgb: #{hex-to-rgb( $muriel-blue-400 )};
--color-link-500: #{$muriel-blue-500};
--color-link-500-rgb: #{hex-to-rgb( $muriel-blue-500 )};
--color-link-600: #{$muriel-blue-600};
--color-link-600-rgb: #{hex-to-rgb( $muriel-blue-600 )};
--color-link-700: #{$muriel-blue-700};
--color-link-700-rgb: #{hex-to-rgb( $muriel-blue-700 )};
--color-link-800: #{$muriel-blue-800};
--color-link-800-rgb: #{hex-to-rgb( $muriel-blue-800 )};
--color-link-900: #{$muriel-blue-900};
--color-link-900-rgb: #{hex-to-rgb( $muriel-blue-900 )};
--color-wpcom: #{$muriel-blue-500};
--color-jetpack: #{$green-jetpack};
--color-email: #f8f8f8;
--color-eventbrite: #ff8000;
--color-facebook: #39579a;
--color-gplus: #df4a32;
--color-instagram: #d93174;
--color-linkedin: #0976b4;
--color-pinterest: #cc2127;
--color-pocket: #ee4256;
--color-print: #f8f8f8;
--color-reddit: #5f99cf;
--color-skype: #00aff0;
--color-stumbleupon: #eb4924;
--color-telegram: #0088cc;
--color-tumblr: #35465c;
--color-twitter: #55acee;
--color-whatsapp: #43d854;
--color-wordpress-org: #585c60;
--color-section-nav-item-background-hover: #{$muriel-blue-0};
--color-themes-active-text: #{$muriel-blue-0};
--color-themes-active-text-rgb: #{hex-to-rgb( $muriel-blue-0 )};
--color-button-primary-background-hover: #{$muriel-hot-pink-400};
--color-button-primary-scary-background-hover: #{$muriel-hot-red-400};
--masterbar-color: #{$muriel-white};
--masterbar-border-color: #{$gray-lighten-10};
--masterbar-item-new-editor-background: #{$gray-darken-20};
--masterbar-item-new-editor-hover-background: #{$gray-darken-10};
--masterbar-toggle-drafts-editor-background: #{$gray-darken-10};
--masterbar-toggle-drafts-editor-border-color: #{$gray-lighten-20};
--masterbar-toggle-drafts-editor-hover-background: #{$gray-darken-10};
--sidebar-background: #{$muriel-white};
--sidebar-background-gradient: #{hex-to-rgb( $muriel-white )};
--sidebar-secondary-background: #{$muriel-white};
--sidebar-secondary-background-gradient: #{hex-to-rgb( $muriel-white )};
--sidebar-gridicon-fill: #{$muriel-gray-500};
--sidebar-heading-color: #{$muriel-gray-500};
--sidebar-footer-button-color: #{$gray-dark};
--sidebar-menu-link-secondary-text-color: #{$gray-dark};
--sidebar-menu-a-first-child-after-background: #{hex-to-rgb( $muriel-white )};
--sidebar-menu-selected-background-color: #{$muriel-blue-50};
--sidebar-menu-selected-a-color: var( --color-primary );
--sidebar-menu-selected-a-first-child-after-background: #{hex-to-rgb( $muriel-blue-50 )};
--sidebar-menu-hover-background: #{$muriel-gray-50};
--sidebar-menu-hover-background-gradient: #{hex-to-rgb( $muriel-gray-50 )};
--sidebar-menu-hover-color: #{$muriel-gray-800};
// TODO: once we replace the current default theme with Classic Bright, we can remove these and increase consistency by using the sidebar colors instead
--button-is-borderless-color: #{$gray-dark};
--count-border-color: #{$gray-dark};
--count-color: #{$gray-dark};
--profile-gravatar-user-secondary-info-color: #{$gray-dark};
}
//additional color schemes
.color-scheme {
&.is-classic-blue {
--color-primary: #{$muriel-blue-500};
--color-primary-light: #{$muriel-blue-300};
--color-primary-dark: #{$muriel-blue-700};
--color-primary-rgb: #{hex-to-rgb( $muriel-blue-500 )};
--color-primary-600: #{$muriel-blue-600};
--color-accent: #{$muriel-orange-500};
--color-accent-rgb: #{hex-to-rgb( $muriel-orange-500 )};
--color-accent-dark: #{$muriel-orange-700};
--color-accent-dark-rgb: #{hex-to-rgb( $muriel-orange-700 )};
--color-accent-light: #{$muriel-orange-300};
--color-accent-light-rgb: #{hex-to-rgb( $muriel-orange-300 )};
--color-accent-0: #{$muriel-orange-0};
--color-accent-0-rgb: #{hex-to-rgb( $muriel-orange-0 )};
--color-accent-50: #{$muriel-orange-50};
--color-accent-50-rgb: #{hex-to-rgb( $muriel-orange-50 )};
--color-accent-100: #{$muriel-orange-100};
--color-accent-100-rgb: #{hex-to-rgb( $muriel-orange-100 )};
--color-accent-200: #{$muriel-orange-200};
--color-accent-200-rgb: #{hex-to-rgb( $muriel-orange-200 )};
--color-accent-300: #{$muriel-orange-300};
--color-accent-300-rgb: #{hex-to-rgb( $muriel-orange-300 )};
--color-accent-400: #{$muriel-orange-400};
--color-accent-400-rgb: #{hex-to-rgb( $muriel-orange-400 )};
--color-accent-500: #{$muriel-orange-500};
--color-accent-500-rgb: #{hex-to-rgb( $muriel-orange-500 )};
--color-accent-600: #{$muriel-orange-600};
--color-accent-600-rgb: #{hex-to-rgb( $muriel-orange-600 )};
--color-accent-700: #{$muriel-orange-700};
--color-accent-700-rgb: #{hex-to-rgb( $muriel-orange-700 )};
--color-accent-800: #{$muriel-orange-800};
--color-accent-800-rgb: #{hex-to-rgb( $muriel-orange-800 )};
--color-accent-900: #{$muriel-orange-900};
--color-accent-900-rgb: #{hex-to-rgb( $muriel-orange-900 )};
--color-success: #{$muriel-hot-green-500};
--color-success-light: #{$muriel-hot-green-300};
--color-success-dark: #{$muriel-hot-green-700};
--color-warning: #{$muriel-hot-yellow-500};
--color-warning-light: #{$muriel-hot-yellow-300};
--color-warning-dark: #{$muriel-hot-yellow-700};
--color-error: #{$muriel-hot-red-500};
--color-error-light: #{$muriel-hot-red-300};
--color-error-dark: #{$muriel-hot-red-700};
--color-error-600: #{$muriel-hot-red-600};
--color-text: #{$muriel-gray-800};
--color-text-subtle: #{$muriel-gray-500};
--color-surface: #{$muriel-white};
--color-surface-backdrop: #{$muriel-gray-0};
--color-button-primary-background-hover: #{$muriel-orange-400};
--color-button-primary-scary-background-hover: #{$muriel-hot-red-400};
--masterbar-color: #{$muriel-white};
--masterbar-border-color: #{$gray-lighten-10};
--masterbar-item-new-editor-background: #{$gray-darken-20};
--masterbar-item-new-editor-hover-background: #{$gray-darken-10};
--masterbar-toggle-drafts-editor-background: #{$gray-darken-10};
--masterbar-toggle-drafts-editor-border-color: #{$gray-lighten-20};
--masterbar-toggle-drafts-editor-hover-background: #{$gray-darken-10};
--sidebar-background: #{$muriel-gray-50};
--sidebar-background-gradient: #{hex-to-rgb( $muriel-gray-50 )};
--sidebar-secondary-background: #{$muriel-white};
--sidebar-secondary-background-gradient: #{hex-to-rgb( $muriel-white )};
--sidebar-gridicon-fill: #{$muriel-gray-500};
--sidebar-heading-color: #{$muriel-gray-500};
--sidebar-footer-button-color: #{$gray-dark};
--sidebar-menu-link-secondary-text-color: #{$gray-dark};
--sidebar-menu-a-first-child-after-background: #{hex-to-rgb( $muriel-gray-50 )};
--sidebar-menu-selected-background-color: #{$muriel-gray-500};
--sidebar-menu-selected-a-color: #{$muriel-white};
--sidebar-menu-selected-a-first-child-after-background: #{hex-to-rgb( $muriel-gray-500 )};
--sidebar-menu-hover-background: #{$muriel-white};
--sidebar-menu-hover-background-gradient: #{hex-to-rgb( $muriel-white )};
--sidebar-menu-hover-color: #{$muriel-blue-500};
// TODO: once we replace the current default theme with Classic Bright, we can remove these and increase consistency by using the sidebar colors instead
--button-is-borderless-color: #{$gray-dark};
--count-border-color: #{$gray-dark};
--count-color: #{$gray-dark};
--profile-gravatar-user-secondary-info-color: #{$gray-dark};
--button-is-borderless-color: #{$gray-text-min};
--count-border-color: #{$gray};
--count-color: #{$gray-text-min};
--profile-gravatar-user-secondary-info-color: #{$gray-darken-20};
}
&.is-laser-black {
--color-primary: #{$muriel-hot-blue-500};
--color-primary-light: #{$muriel-hot-blue-400};
--color-primary-dark: #{$muriel-hot-blue-700};
--color-accent: #{$muriel-hot-pink-400};
--color-accent-light: #{$muriel-hot-pink-200};
--color-accent-dark: #{$muriel-hot-pink-600};
--color-success: #{$muriel-hot-green-400};
--color-success-light: #{$muriel-hot-green-200};
--color-success-dark: #{$muriel-hot-green-600};
--color-warning: #{$muriel-hot-yellow-500};
--color-warning-light: #{$muriel-hot-yellow-200};
--color-warning-dark: #{$muriel-hot-yellow-600};
--color-error: #{$muriel-hot-red-400};
--color-error-light: #{$muriel-hot-red-200};
--color-error-dark: #{$muriel-hot-red-600};
--color-text: #{$muriel-gray-100};
--color-text-subtle: #{$muriel-gray-400};
--color-surface: #000;
--color-surface-backdrop: #111;
--masterbar-color: #{$muriel-white};
--masterbar-border-color: #{$gray-lighten-10};
--masterbar-item-new-editor-background: #{$gray-darken-20};
--masterbar-item-new-editor-hover-background: #{$gray-darken-10};
--masterbar-toggle-drafts-editor-background: #{$gray-darken-10};
--masterbar-toggle-drafts-editor-border-color: #{$gray-lighten-20};
--masterbar-toggle-drafts-editor-hover-background: #{$gray-darken-10};
--sidebar-background: #{$muriel-gray-900};
--sidebar-background-gradient: #{hex-to-rgb( $muriel-gray-900 )};
--sidebar-secondary-background: #{$muriel-gray-900};
--sidebar-secondary-background-gradient: #{hex-to-rgb( $muriel-gray-900 )};
--sidebar-gridicon-fill: #{$muriel-gray-400};
--sidebar-heading-color: #{$muriel-gray-400};
--sidebar-footer-button-color: #{$gray-dark};
--sidebar-menu-link-secondary-text-color: #{$gray-dark};
--sidebar-menu-a-first-child-after-background: #{hex-to-rgb( $muriel-gray-900 )};
--sidebar-menu-selected-background-color: #{$muriel-hot-blue-700};
--sidebar-menu-selected-a-color: #{$muriel-hot-blue-200};
--sidebar-menu-selected-a-first-child-after-background: #{hex-to-rgb( $muriel-hot-blue-700 )};
--sidebar-menu-hover-background: #{$muriel-gray-700};
--sidebar-menu-hover-background-gradient: #{hex-to-rgb( $muriel-gray-700 )};
--sidebar-menu-hover-color: #{$muriel-gray-100};
// TODO: once we replace the current default theme with Classic Bright, we can remove these and increase consistency by using the sidebar colors instead
--button-is-borderless-color: #{$gray-dark};
--count-border-color: #{$gray-dark};
--count-color: #{$gray-dark};
--profile-gravatar-user-secondary-info-color: #{$gray-dark};
}
}