variables-dark.less 1.14 KB
Newer Older
1
2
@import "./variables.less";

3
4
5
6
// Default Background Color
@background-color: @color-almost-black;
@background-color-mobile: @color-almost-black;
// General text color.
Davide's avatar
Davide committed
7
@text-color: @color-almost-white;
8
// Default textual link color.
9
@link-color: #fd8307;
Aria Givi's avatar
Aria Givi committed
10
11
12
13
// Sidebar styles
@sidebar-list-hover-color: @color-strong-grey;
// Card styles
@card-background-color: @color-strong-grey;
14
15
// Default Borde Color 
@border-color: #727272;
16
17
// Inverts color of svgs. Our Svgs are all black which means 0% invert for light and 100% for dark.
@invert-state: invert(100%);
18

Davide's avatar
Davide committed
19
20
21
// Story coloring
@story-privacy-background: @color-strong-grey;
@story-privacy-color: @color-almost-white;
22
23
24
25
26
27
@story-ngo-background: #200000;
@story-ngo-color: #ffaaaa;
@story-diversity-background: #000020;
@story-diversity-color: #aaaaff;
@story-eco-background: #002000;
@story-eco-color: #aaffaa;
Davide's avatar
Davide committed
28
29
@story-plugin-background: @color-almost-black;
@story-font-color: @color-almost-white;
30
@icon-color: 0.9;
31

32
33
34
@searchbar-background-color: @color-almost-black;

@input-background: @color-almost-black;
35
@input-text: @color-almost-white;
36
37

@blacklist-entries-odd: @color-almost-black;
38
@blacklist-entries-even: rgb(30, 15, 0);