History

Tweak dark theme

Thibaut Courouble committed 10 years ago

Commit 71491c51 parent 5e936076 files · +51 −41Browse files

Unified · Split

6 files
  1. assets/stylesheets/components/_notif.scss +3 −2
  2. assets/stylesheets/components/_path.scss +1 −0
  3. assets/stylesheets/global/_base.scss +1 −1
  4. assets/stylesheets/global/_classes.scss +2 −0
  5. assets/stylesheets/global/_variables.scss +5 −2
  6. assets/stylesheets/global/variables-dark.scss +39 −36
assets/stylesheets/components/_notif.scss+3−2
@@ -9,6 +9,7 @@ · 8 unmodified lines
99 font-size: .75rem;
1010 color: $notifColor;
1111 background: $notifBackground;
12+ border: $notifBorder;
1213 border-radius: .25rem;
1314 transition: opacity .2s;
1415 opacity: 0;
@@ -127,8 +128,8 @@ · 112 unmodified lines
127128
128129 ._notif-tip {
129130 color: $textColor;
130− background: rgba($tipBackground, .95);
131− border: 1px solid $tipBorder;
131+ background: $tipBackground;
132+ border: $tipBorder;
132133
133134 ._notif-info { color: $textColorLight; }
134135 }
assets/stylesheets/components/_path.scss+1−0
@@ -26,6 +26,7 @@ · 25 unmodified lines
2626 margin: 0 1rem 0 0;
2727 padding: 0 .375rem;
2828 color: $textColor;
29+ text-decoration: none;
2930
3031 &:first-child:before {
3132 content: '';
assets/stylesheets/global/_base.scss+1−1
@@ -22,7 +22,7 @@ body { · 21 unmodified lines
2222
2323 a {
2424 color: $linkColor;
25− text-decoration: none;
25+ text-decoration: $linkTextDecoration;
2626
2727 &:hover {
2828 color: $linkColorHover;
assets/stylesheets/global/_classes.scss+2−0
@@ -32,6 +32,7 @@ · 31 unmodified lines
3232 }
3333
3434 %heading-box {
35+ color: $boxHeaderColor;
3536 background: $boxHeaderBackground;
3637 border: 1px solid $boxBorder;
3738 border-radius: 3px;
@@ -72,6 +73,7 @@ · 34 unmodified lines
7273 padding-left: .5em;
7374 padding-right: .5em;
7475 font-size: inherit;
76+ color: $boxHeaderColor;
7577 border: 1px solid $boxBorder;
7678 border-radius: 2px;
7779 @extend %label;
assets/stylesheets/global/_variables.scss+5−2
@@ -33,6 +33,7 @@ $highlightBackground: #fffdcd; · 32 unmodified lines
3333
3434 $linkColor: #3377c0;
3535 $linkColorHover: #2f6cb6;
36+$linkTextDecoration: none;
3637
3738 $headerBackground: #f0f0f0;
3839 $headerBorder: #d9d9d9;
@@ -52,6 +53,7 @@ $noticeBorder: #e2e2c1; · 13 unmodified lines
5253 $boxBackground: #fafafa;
5354 $boxBorder: #d8d8d8;
5455 $boxBorderLight: #e5e5e5;
56+$boxHeaderColor: $textColor;
5557 $boxHeaderBackground: #f5f5f5;
5658
5759 $noteBackground: #f8f8dd;
@@ -72,11 +74,12 @@ $noteRedBorder: #dc7874; · 14 unmodified lines
7274 $labelBackground: #f4f4f4;
7375
7476 $notifBackground: rgba(#333, .85);
77+$notifBorder: none;
7578 $notifColor: #fff;
7679 $notifColorLight: #ccc;
7780
78−$tipBackground: #fffdcd;
79−$tipBorder: #e7dca9;
81+$tipBackground: rgba(#fffdcd, .95);
82+$tipBorder: 1px solid #e7dca9;
8083
8184 $mediumScreen: '(max-width: 800px)';
8285
assets/stylesheets/global/variables-dark.scss+39−36
@@ -9,74 +9,77 @@ $sidebarWidth: 18rem; · 8 unmodified lines
99 $sidebarMediumWidth: 16rem;
1010 $sidebarHiddenWidth: 9px;
1111
12−$contentBackground: #303030;
13−$documentBackground: #404040;
12+$contentBackground: #33373a;
13+$documentBackground: $contentBackground;
1414
15−$textColor: #c9c9c9;
16−$textColorLight: #858585;
17−$textColorLighter: #706f6f;
15+$textColor: #cbd0d0;
16+$textColorLight: #9da5ad;
17+$textColorLighter: #77787a;
1818
19−$inputFocusBorder: #444;
19+$inputFocusBorder: false;
2020
21−$focusBackground: #3d3d3e;
22−$focusBorder: #3d3d3e;
21+$focusBackground: #3f4042;
22+$focusBorder: #000;
2323 $focusText: #f7f2f2;
2424
25−$loadingText: #666;
26−$splashText: #666;
25+$loadingText: #5d6164;
26+$splashText: $loadingText;
2727
28−$selectionBackground: #346fce;
29−$selectionBorder: #346fce;
28+$selectionBackground: #007acc;
29+$selectionBorder: #000;
3030 $selectionText: #fff;
3131
32−$highlightBackground: #3d4449;
32+$highlightBackground: #64675f;
3333
34−$linkColor: #fff;
35−$linkColorHover: #fff;
34+$linkColor: $textColor;
35+$linkColorHover: white;
36+$linkTextDecoration: underline;
3637
37−$headerBackground: #1c1c1c;
38−$headerBorder: #1c1c1c;
38+$headerBackground: #1e1e1e;
39+$headerBorder: #000;
3940
40−$sidebarBackground: #262626;
41−$sidebarBorder: #262626;
41+$sidebarBackground: #24282a;
42+$sidebarBorder: #000;
4243
43−$scrollbarColor: #515151;
44−$scrollbarColorHover: #888;
44+$scrollbarColor: #6c6c6f;
45+$scrollbarColorHover: #949697;
4546
4647 $pathBackground: $headerBackground;
4748 $pathBorder: $headerBorder;
4849
49−$noticeBackground: #1c1c1c;
50−$noticeBorder: #1c1c1c;
50+$noticeBackground: $sidebarBackground;
51+$noticeBorder: $sidebarBorder;
5152
52−$boxBackground: #262626;
53−$boxBorder: #000;
54−$boxBorderLight: #000;
55−$boxHeaderBackground: #262626;
53+$boxBackground: $sidebarBackground;
54+$boxBorder: $headerBorder;
55+$boxBorderLight: $headerBorder;
56+$boxHeaderColor: #dbe4e4;
57+$boxHeaderBackground: $sidebarBackground;
5658
57−$noteBackground: #3a4031;
59+$noteBackground: #45474b;
5860 $noteBorder: #000;
5961
60−$noteGreenBackground: #223e23;
62+$noteGreenBackground: #284a2a;
6163 $noteGreenBorder: #000;
6264
63−$noteBlueBackground: #223546;
65+$noteBlueBackground: #2a4151;
6466 $noteBlueBorder: #000;
6567
66−$noteOrangeBackground: #523121;
68+$noteOrangeBackground: #563322;
6769 $noteOrangeBorder: #000;
6870
69−$noteRedBackground: #5b1f22;
71+$noteRedBackground: #603033;
7072 $noteRedBorder: #000;
7173
72−$labelBackground: #3c3c3e;
74+$labelBackground: $boxBackground;
7375
74−$notifBackground: rgba(#000, .85);
76+$notifBackground: rgba(#555, .95);
77+$notifBorder: 1px solid #000;
7578 $notifColor: #fff;
7679 $notifColorLight: #ccc;
7780
78−$tipBackground: #3d4449;
79−$tipBorder: #566166;
81+$tipBackground: $notifBackground;
82+$tipBorder: $notifBorder;
8083
8184 $mediumScreen: '(max-width: 800px)';
8285