This repository has been archived by the owner on May 16, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Variables.scss
59 lines (48 loc) · 1.45 KB
/
Variables.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
$BackgroundColor-1: #222;
$BackgroundColor-2: #1d1d1d;
$BackgroundColor-3: #25272a;
$BackgroundColor-4: #39424a;
$BackgroundColor-5: #3d4348;
$BackgroundColor-6: #333;
$BackgroundColor-7: #313131;
$TableHeaderBackground: $BackgroundColor-7;
$HoverBackgroundColor-1: #313338;
$MenuBackgroundActive: #3e3e3e;
$SideNavBackgroundSelected: #3e3e3e;
$Blue-1: #4299fc;
$Grey-1: #bbb;
$Grey-2: #b5b5b5;
$PrimaryText: white;
$SecondaryText: #bbb;
$NormalTextColor-1: white;
$NavTextHoverColor-1: white;
$LinkColor: $Blue-1;
$LinkColor-Visited: $Grey-2;
$NavTextColor: $Grey-1;
$DescriptionTextColor-1: $Grey-1;
$IconHoverColor: white;
$BorderColor-1: $Blue-1;
$SeparationBorderColor-1: #343434;
@mixin PrimaryButton {
color: $PrimaryText !important;
background-color: $BackgroundColor-6 !important;
border: 1px solid #444 !important;
}
@mixin SecondaryButton {
color: $SecondaryText !important;
background-color: $BackgroundColor-6 !important;
border: 1px solid $Grey-2 !important;
}
@mixin SideMenuItem {
background-color: $BackgroundColor-3 !important;
:hover {
background-color: var(--color-state-hover-secondary-bg);
}
}
$DropDownBackgroundColor: $BackgroundColor-3;
$DropDownItemHoverBackgroundColor: $BackgroundColor-4;
$MainContentBackgroundColor: $BackgroundColor-3;
$UserNameColor: white;
$ReviewCommentLabelColor: $Grey-1;
$ReviewCommentLabelBorder: 1px solid $ReviewCommentLabelColor;
$InputBackgroundColor: $BackgroundColor-3;