// Dependent colors $black: #000000; $white: #ffffff; $classic-base-color: #111111; $classic-primary-color: #333333; $classic-secondary-color: #d4cbbf; $classic-highlight-color: #b9a639; // Differences $success-green: lighten(#3c754d, 8%); $base-overlay-background: #dfd5c8 !default; $valid-value-color: $success-green !default; $ui-base-color: $classic-secondary-color !default; $ui-base-lighter-color: #d1cac0; $ui-primary-color: rgb(172, 165, 165); $ui-secondary-color: $classic-base-color !default; $ui-highlight-color: #423523; $primary-text-color: $black !default; $darker-text-color: $classic-base-color !default; $dark-text-color: #111111; $action-button-color: #666059; $inverted-text-color: $black !default; $lighter-text-color: $classic-base-color !default; $light-text-color: #111111; //Newly added colors $account-background-color: #dfd5c8 !default; //Invert darkened and lightened colors @function darken($color, $amount) { @return hsl(hue($color), saturation($color), lightness($color) + $amount); } @function lighten($color, $amount) { @return hsl(hue($color), saturation($color), lightness($color) - $amount); } $emojis-requiring-inversion: 'chains'; @import 'application'; @import 'mastodon-light/diff'; .drawer__inner, .column > .scrollable, .column-link, .column-header, .column-header__button, .drawer__header a, .getting-started .column-link, .column-back-button, .account__header__bar, .column-header__back-button { background: #E2DBCE !important; } .directory__tag > a { background: #b3a38e !important; } .detailed-status, .detailed-status__action-bar, .getting-started__footer { background: #EDEAE4 !important; } .drawer__inner__mastodon { background: #E2DBCE url('data:image/svg+xml;utf8,') no-repeat bottom/100% auto !important; }