// Dependent colors $black: #000000; $white: #ffffff; $classic-base-color: #000000; $classic-primary-color: #df4a95; $classic-secondary-color: #90b9b0; $classic-highlight-color: #fed2e4; // Differences $success-green: lighten(#3c754d, 8%); $base-overlay-background: #b2d4cd !default; $valid-value-color: $success-green !default; $ui-base-color: $classic-secondary-color !default; $ui-base-lighter-color: #b0c0cf; $ui-primary-color: #fed2e4; $ui-secondary-color: $classic-base-color !default; $ui-highlight-color: #df4a95; $primary-text-color: $black !default; $darker-text-color: $classic-base-color !default; $dark-text-color: #444b5d; $action-button-color: #606984; $inverted-text-color: $black !default; $lighter-text-color: $classic-base-color !default; $light-text-color: #444b5d; //Newly added colors $account-background-color: #b2d4cd !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); } @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: #D5E5E2 !important; } .directory__tag > a { background: #9dc1b9 !important; } .detailed-status, .detailed-status__action-bar, .getting-started__footer { background: #ECF1F0 !important; } .drawer__inner__mastodon { background: #D5E5E2 url('data:image/svg+xml;utf8,') no-repeat bottom/100% auto !important; }