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
9 font-size: .75rem;9 font-size: .75rem;
10 color: $notifColor;10 color: $notifColor;
11 background: $notifBackground;11 background: $notifBackground;
12 border: $notifBorder;
12 border-radius: .25rem;13 border-radius: .25rem;
13 transition: opacity .2s;14 transition: opacity .2s;
14 opacity: 0;15 opacity: 0;
@@ -127,8 +128,8 @@ · 112 unmodified lines
127 128
128._notif-tip {129._notif-tip {
129 color: $textColor;130 color: $textColor;
130 background: rgba($tipBackground, .95);131 background: $tipBackground;
131 border: 1px solid $tipBorder;132 border: $tipBorder;
132 133
133 ._notif-info { color: $textColorLight; }134 ._notif-info { color: $textColorLight; }
134}135}
assets/stylesheets/components/_path.scss+1−0
@@ -26,6 +26,7 @@ · 25 unmodified lines
26 margin: 0 1rem 0 0;26 margin: 0 1rem 0 0;
27 padding: 0 .375rem;27 padding: 0 .375rem;
28 color: $textColor;28 color: $textColor;
29 text-decoration: none;
29 30
30 &:first-child:before {31 &:first-child:before {
31 content: '';32 content: '';
assets/stylesheets/global/_base.scss+1−1
@@ -22,7 +22,7 @@ body { · 21 unmodified lines
22 22
23a {23a {
24 color: $linkColor;24 color: $linkColor;
25 text-decoration: none;25 text-decoration: $linkTextDecoration;
26 26
27 &:hover {27 &:hover {
28 color: $linkColorHover;28 color: $linkColorHover;
assets/stylesheets/global/_classes.scss+2−0
@@ -32,6 +32,7 @@ · 31 unmodified lines
32}32}
33 33
34%heading-box {34%heading-box {
35 color: $boxHeaderColor;
35 background: $boxHeaderBackground;36 background: $boxHeaderBackground;
36 border: 1px solid $boxBorder;37 border: 1px solid $boxBorder;
37 border-radius: 3px;38 border-radius: 3px;
@@ -72,6 +73,7 @@ · 34 unmodified lines
72 padding-left: .5em;73 padding-left: .5em;
73 padding-right: .5em;74 padding-right: .5em;
74 font-size: inherit;75 font-size: inherit;
76 color: $boxHeaderColor;
75 border: 1px solid $boxBorder;77 border: 1px solid $boxBorder;
76 border-radius: 2px;78 border-radius: 2px;
77 @extend %label;79 @extend %label;
assets/stylesheets/global/_variables.scss+5−2
@@ -33,6 +33,7 @@ $highlightBackground: #fffdcd; · 32 unmodified lines
33 33
34$linkColor: #3377c0;34$linkColor: #3377c0;
35$linkColorHover: #2f6cb6;35$linkColorHover: #2f6cb6;
36$linkTextDecoration: none;
36 37
37$headerBackground: #f0f0f0;38$headerBackground: #f0f0f0;
38$headerBorder: #d9d9d9;39$headerBorder: #d9d9d9;
@@ -52,6 +53,7 @@ $noticeBorder: #e2e2c1; · 13 unmodified lines
52$boxBackground: #fafafa;53$boxBackground: #fafafa;
53$boxBorder: #d8d8d8;54$boxBorder: #d8d8d8;
54$boxBorderLight: #e5e5e5;55$boxBorderLight: #e5e5e5;
56$boxHeaderColor: $textColor;
55$boxHeaderBackground: #f5f5f5;57$boxHeaderBackground: #f5f5f5;
56 58
57$noteBackground: #f8f8dd;59$noteBackground: #f8f8dd;
@@ -72,11 +74,12 @@ $noteRedBorder: #dc7874; · 14 unmodified lines
72$labelBackground: #f4f4f4;74$labelBackground: #f4f4f4;
73 75
74$notifBackground: rgba(#333, .85);76$notifBackground: rgba(#333, .85);
77$notifBorder: none;
75$notifColor: #fff;78$notifColor: #fff;
76$notifColorLight: #ccc;79$notifColorLight: #ccc;
77 80
78$tipBackground: #fffdcd;81$tipBackground: rgba(#fffdcd, .95);
79$tipBorder: #e7dca9;82$tipBorder: 1px solid #e7dca9;
80 83
81$mediumScreen: '(max-width: 800px)';84$mediumScreen: '(max-width: 800px)';
82 85
assets/stylesheets/global/variables-dark.scss+39−36
@@ -9,74 +9,77 @@ $sidebarWidth: 18rem; · 8 unmodified lines
9$sidebarMediumWidth: 16rem;9$sidebarMediumWidth: 16rem;
10$sidebarHiddenWidth: 9px;10$sidebarHiddenWidth: 9px;
11 11
12$contentBackground: #303030;12$contentBackground: #33373a;
13$documentBackground: #404040;13$documentBackground: $contentBackground;
14 14
15$textColor: #c9c9c9;15$textColor: #cbd0d0;
16$textColorLight: #858585;16$textColorLight: #9da5ad;
17$textColorLighter: #706f6f;17$textColorLighter: #77787a;
18 18
19$inputFocusBorder: #444;19$inputFocusBorder: false;
20 20
21$focusBackground: #3d3d3e;21$focusBackground: #3f4042;
22$focusBorder: #3d3d3e;22$focusBorder: #000;
23$focusText: #f7f2f2;23$focusText: #f7f2f2;
24 24
25$loadingText: #666;25$loadingText: #5d6164;
26$splashText: #666;26$splashText: $loadingText;
27 27
28$selectionBackground: #346fce;28$selectionBackground: #007acc;
29$selectionBorder: #346fce;29$selectionBorder: #000;
30$selectionText: #fff;30$selectionText: #fff;
31 31
32$highlightBackground: #3d4449;32$highlightBackground: #64675f;
33 33
34$linkColor: #fff;34$linkColor: $textColor;
35$linkColorHover: #fff;35$linkColorHover: white;
36$linkTextDecoration: underline;
36 37
37$headerBackground: #1c1c1c;38$headerBackground: #1e1e1e;
38$headerBorder: #1c1c1c;39$headerBorder: #000;
39 40
40$sidebarBackground: #262626;41$sidebarBackground: #24282a;
41$sidebarBorder: #262626;42$sidebarBorder: #000;
42 43
43$scrollbarColor: #515151;44$scrollbarColor: #6c6c6f;
44$scrollbarColorHover: #888;45$scrollbarColorHover: #949697;
45 46
46$pathBackground: $headerBackground;47$pathBackground: $headerBackground;
47$pathBorder: $headerBorder;48$pathBorder: $headerBorder;
48 49
49$noticeBackground: #1c1c1c;50$noticeBackground: $sidebarBackground;
50$noticeBorder: #1c1c1c;51$noticeBorder: $sidebarBorder;
51 52
52$boxBackground: #262626;53$boxBackground: $sidebarBackground;
53$boxBorder: #000;54$boxBorder: $headerBorder;
54$boxBorderLight: #000;55$boxBorderLight: $headerBorder;
55$boxHeaderBackground: #262626;56$boxHeaderColor: #dbe4e4;
57$boxHeaderBackground: $sidebarBackground;
56 58
57$noteBackground: #3a4031;59$noteBackground: #45474b;
58$noteBorder: #000;60$noteBorder: #000;
59 61
60$noteGreenBackground: #223e23;62$noteGreenBackground: #284a2a;
61$noteGreenBorder: #000;63$noteGreenBorder: #000;
62 64
63$noteBlueBackground: #223546;65$noteBlueBackground: #2a4151;
64$noteBlueBorder: #000;66$noteBlueBorder: #000;
65 67
66$noteOrangeBackground: #523121;68$noteOrangeBackground: #563322;
67$noteOrangeBorder: #000;69$noteOrangeBorder: #000;
68 70
69$noteRedBackground: #5b1f22;71$noteRedBackground: #603033;
70$noteRedBorder: #000;72$noteRedBorder: #000;
71 73
72$labelBackground: #3c3c3e;74$labelBackground: $boxBackground;
73 75
74$notifBackground: rgba(#000, .85);76$notifBackground: rgba(#555, .95);
77$notifBorder: 1px solid #000;
75$notifColor: #fff;78$notifColor: #fff;
76$notifColorLight: #ccc;79$notifColorLight: #ccc;
77 80
78$tipBackground: #3d4449;81$tipBackground: $notifBackground;
79$tipBorder: #566166;82$tipBorder: $notifBorder;
80 83
81$mediumScreen: '(max-width: 800px)';84$mediumScreen: '(max-width: 800px)';
82 85