8000 Softer dark mode (#7178) · coder/code-server@33aa21f · GitHub
[go: up one dir, main page]
Skip to content

Commit 33aa21f

Browse files
bilogicbilogic
authored
Softer dark mode (#7178)
1 parent d23d1a9 commit 33aa21f

File tree

2 files changed

+19
-10
lines changed

2 files changed

+19
-10
lines changed

‎src/browser/pages/global.css

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ body,
1111

1212
body {
1313
background: rgb(244, 247, 252);
14-
background: light-dark(rgb(244, 247, 252), #111);
14+
background: light-dark(rgb(244, 247, 252), #111827);
1515
color: #111;
1616
color: light-dark(#111, #ddd);
1717
margin: 0;
@@ -29,14 +29,15 @@ button {
2929

3030
.-button {
3131
background-color: rgb(87, 114, 245);
32-
background-color: light-dark(rgb(87, 114, 245), rgb(50, 85, 250));
32+
background-color: light-dark(rgb(87, 114, 245), rgb(26, 86, 219));
3333
border-radius: 5px;
3434
border: none;
3535
box-sizing: border-box;
3636
color: white;
37-
color: light-dark(white, #ddd);
37+
color: light-dark(white, white);
3838
cursor: pointer;
3939
padding: 18px 20px;
40+
font-weight: 500;
4041
text-decoration: none;
4142
}
4243

@@ -53,20 +54,20 @@ button {
5354

5455
.card-box {
5556
background-color: rgb(250, 253, 258);
56-
background-color: light-dark(rgb(250, 253, 258), #000);
57+
background-color: light-dark(rgb(250, 253, 258), #1f2937);
5758
border-radius: 5px;
5859
box-shadow:
59-
rgba(60, 66, 87, 0.117647) 0px 7px 14px 0px,
60+
light-dark(rgba(60, 66, 87, 0.117647), rgba(10, 10, 10, 0.617647)) 0px 7px 14px 0px,
6061
rgba(0, 0, 0, 0.117647) 0px 3px 6px 0px;
6162
max-width: 650px;
6263
width: 100%;
6364
}
6465

6566
.card-box > .header {
6667
border-bottom: 1px solid #ddd;
67-
border-bottom: 1px solid light-dark(#ddd, #222);
68+
border-bottom: 1px solid light-dark(#ddd, #111827);
6869
color: #444;
69-
color: light-dark(#444, #ccc);
70+
color: light-dark(#444, #fff);
7071
padding: 30px;
7172
}
7273

@@ -77,7 +78,7 @@ button {
7778

7879
.card-box > .header > .sub {
7980
color: #555;
80-
color: light-dark(#555, #aaa);
81+
color: light-dark(#555, #9ca3af);
8182
margin-top: 10px;
8283
}
8384

‎src/browser/pages/login.css

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,15 +30,23 @@ body {
3030

3131
.login-form > .field > .password {
3232
background-color: rgb(244, 247, 252);
33-
background-color: light-dark(rgb(244, 247, 252), #222);
33+
background-color: light-dark(rgb(244, 247, 252), #374151);
3434
border-radius: 5px;
3535
border: 1px solid #ddd;
36-
border: 1px solid light-dark(#ddd, #333);
36+
border: 1px solid light-dark(#ddd, #4b5563);
3737
box-sizing: border-box;
3838
flex: 1;
3939
padding: 16px;
4040
}
4141

42+
.login-form > .field > .password::placeholder {
43+
color: rgb(148 163 184);
44+
}
45+
46+
.login-form > .field > .password:focus {
47+
outline: 2px solid rgb(63, 131, 248);
48+
}
49+
4250
.login-form > .user {
4351
display: none;
4452
}

0 commit comments

Comments
 (0)
0