]> Untitled Git - lemmy.git/blob - ui/assets/css/themes/_variables.litely.scss
Making a better light theme, litely. #822
[lemmy.git] / ui / assets / css / themes / _variables.litely.scss
1
2 $white: #ffffff;
3 $orange: #faa077;
4 $cyan: #02bdc2;
5 $green: #d4e9d7;
6 $secondary: $green;
7 $body-color: $gray-700;
8 $link-color: theme-color("danger");;
9 $primary: $orange;
10 $red: #d8486a;
11 $border-radius: 1.5rem;
12 $border-radius-lg: 1.5rem;
13 $border-radius-sm: 1rem;
14 $font-family-sans-serif: Guardian-EgypTT,serif,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
15 $headings-color: $gray-700;
16 $input-btn-focus-color: rgba($component-active-bg, .75);
17 $form-feedback-valid-color: theme-color("info");
18 $navbar-light-color: $gray-600;
19 $black: #222222;
20 $navbar-dark-toggler-border-color: rgba($black, .1);
21 $navbar-light-active-color: $gray-900;
22 $card-color: $gray-700;
23 $card-cap-color: $gray-700;
24 $info: darken($green, 25%);;
25 $body-bg: #f2f0f0;
26 $success: darken($green, 25%);;
27 $danger: darken($primary, 25%);
28 $navbar-light-hover-color: $gray-900;
29 $card-bg: $gray-100;
30 $border-color: $gray-700;