Skip to content

Commit 583677a

Browse files
bajrangCoderbajrangCoder
committed
fix
1 parent 1649cc2 commit 583677a

File tree

5 files changed

+112
-37
lines changed

5 files changed

+112
-37
lines changed

‎src/components/settingsPage.scss‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ wc-page.main-settings-page {
2727
line-height: 1.25;
2828
text-transform: uppercase;
2929
letter-spacing: 0.06em;
30+
color: var(--secondary-text-color);
3031
color: color-mix(in srgb, var(--secondary-text-color), transparent 24%);
3132
}
3233

@@ -37,6 +38,7 @@ wc-page.main-settings-page {
3738
line-height: 1.25;
3839
text-transform: uppercase;
3940
letter-spacing: 0.06em;
41+
color: var(--active-color);
4042
color: color-mix(in srgb, var(--active-color), transparent 30%);
4143
}
4244

@@ -64,11 +66,13 @@ wc-page.main-settings-page {
6466
}
6567

6668
&:not(:last-of-type) {
69+
border-bottom: 1px solid var(--border-color);
6770
border-bottom: 1px solid color-mix(in srgb, var(--border-color), transparent 20%);
6871
}
6972

7073
&:focus,
7174
&:active {
75+
background: var(--popup-background-color);
7276
background: color-mix(in srgb, var(--secondary-color), var(--popup-text-color) 4%);
7377
}
7478

@@ -87,6 +91,7 @@ wc-page.main-settings-page {
8791
min-width: 1.6rem;
8892
height: 1.6rem;
8993
font-size: 1.3rem;
94+
color: var(--secondary-text-color);
9095
color: color-mix(in srgb, var(--secondary-text-color), transparent 18%);
9196
}
9297

@@ -113,6 +118,7 @@ wc-page.main-settings-page {
113118
font-size: 0.82rem;
114119
line-height: 1.35;
115120
opacity: 1;
121+
color: var(--secondary-text-color);
116122
color: color-mix(in srgb, var(--secondary-text-color), transparent 30%);
117123
text-transform: none;
118124
white-space: normal;
@@ -135,6 +141,7 @@ wc-page.main-settings-page {
135141
height: 1.2rem;
136142
margin-left: 0.35rem;
137143
font-size: 1.1rem;
144+
color: var(--secondary-text-color);
138145
color: color-mix(in srgb, var(--secondary-text-color), transparent 40%);
139146
}
140147

@@ -183,6 +190,7 @@ wc-page.detail-settings-page {
183190
line-height: 1.25;
184191
text-transform: uppercase;
185192
letter-spacing: 0.06em;
193+
color: var(--secondary-text-color);
186194
color: color-mix(in srgb, var(--secondary-text-color), transparent 24%);
187195
}
188196

@@ -193,6 +201,7 @@ wc-page.detail-settings-page {
193201
line-height: 1.25;
194202
text-transform: uppercase;
195203
letter-spacing: 0.06em;
204+
color: var(--active-color);
196205
color: color-mix(in srgb, var(--active-color), transparent 30%);
197206
}
198207

@@ -225,11 +234,13 @@ wc-page.detail-settings-page {
225234
}
226235

227236
&:not(:last-of-type) {
237+
border-bottom: 1px solid var(--border-color);
228238
border-bottom: 1px solid color-mix(in srgb, var(--border-color), transparent 20%);
229239
}
230240

231241
&:focus,
232242
&:active {
243+
background: var(--popup-background-color);
233244
background: color-mix(in srgb, var(--secondary-color), var(--popup-text-color) 4%);
234245
}
235246

@@ -248,6 +259,7 @@ wc-page.detail-settings-page {
248259
min-width: 1.4rem;
249260
height: 1.4rem;
250261
font-size: 1.15rem;
262+
color: var(--secondary-text-color);
251263
color: color-mix(in srgb, var(--secondary-text-color), transparent 18%);
252264
}
253265

@@ -276,6 +288,7 @@ wc-page.detail-settings-page {
276288
font-size: 0.82rem;
277289
line-height: 1.35;
278290
opacity: 1;
291+
color: var(--secondary-text-color);
279292
color: color-mix(in srgb, var(--secondary-text-color), transparent 30%);
280293
text-transform: none;
281294
white-space: normal;
@@ -324,6 +337,7 @@ wc-page.detail-settings-page {
324337
border: none;
325338
border-radius: 0;
326339
background: transparent;
340+
color: var(--secondary-text-color);
327341
color: color-mix(in srgb, var(--secondary-text-color), transparent 18%);
328342
box-sizing: border-box;
329343

@@ -345,6 +359,7 @@ wc-page.detail-settings-page {
345359
display: flex;
346360
align-items: center;
347361
justify-content: center;
362+
color: var(--secondary-text-color);
348363
color: color-mix(in srgb, var(--secondary-text-color), transparent 40%);
349364
}
350365

@@ -377,8 +392,10 @@ wc-page.detail-settings-page {
377392
width: 2.8rem !important;
378393
height: 1.65rem !important;
379394
margin: 0;
395+
border: 1px solid var(--border-color);
380396
border: 1px solid color-mix(in srgb, var(--border-color), transparent 6%);
381397
border-radius: 999px;
398+
background: var(--popup-background-color);
382399
background: color-mix(
383400
in srgb,
384401
var(--secondary-color),
@@ -394,12 +411,16 @@ wc-page.detail-settings-page {
394411
height: 1.25rem;
395412
margin: 0.14rem;
396413
border-radius: 999px;
414+
background: var(--popup-text-color);
397415
background: color-mix(
398416
in srgb,
399417
var(--popup-text-color),
400418
var(--popup-background-color) 18%
401419
);
402420
opacity: 1;
421+
box-shadow:
422+
0 0 0 1px var(--border-color),
423+
0 1px 3px rgba(0, 0, 0, 0.22);
403424
box-shadow:
404425
0 0 0 1px color-mix(in srgb, var(--border-color), transparent 34%),
405426
0 1px 3px rgba(0, 0, 0, 0.22);
@@ -412,7 +433,9 @@ wc-page.detail-settings-page {
412433

413434
input:checked + .box {
414435
background: var(--button-background-color);
436+
border-color: var(--button-background-color);
415437
border-color: color-mix(in srgb, var(--button-background-color), transparent 10%);
438+
box-shadow: inset 0 0 0 1px var(--button-background-color);
416439
box-shadow: inset 0 0 0 1px
417440
color-mix(in srgb, var(--button-background-color), transparent 12%);
418441
}
@@ -421,6 +444,7 @@ wc-page.detail-settings-page {
421444
transform: translateX(1.12rem);
422445
background: var(--button-text-color);
423446
opacity: 1;
447+
box-shadow: 0 2px 8px var(--button-background-color);
424448
box-shadow: 0 2px 8px color-mix(in srgb, var(--button-background-color), transparent 55%);
425449
}
426450

@@ -437,8 +461,10 @@ wc-page.detail-settings-page {
437461
box-sizing: border-box;
438462
margin: 0.25rem 0.75rem;
439463
padding: 0.9rem 1rem;
464+
border: 1px solid var(--active-color);
440465
border: 1px solid color-mix(in srgb, var(--active-color), transparent 60%);
441466
border-radius: 10px;
467+
background: var(--popup-background-color);
442468
background: color-mix(in srgb, var(--popup-background-color), var(--active-color) 8%);
443469

444470
.note-title {
@@ -459,6 +485,7 @@ wc-page.detail-settings-page {
459485
min-width: 1.15rem;
460486
height: 1.15rem;
461487
background: transparent;
488+
color: var(--active-color);
462489
color: color-mix(in srgb, var(--active-color), transparent 10%);
463490
font-size: 1.1rem;
464491
margin-top: 0.12rem;
@@ -474,6 +501,7 @@ wc-page.detail-settings-page {
474501
padding: 0;
475502
font-size: 0.84rem;
476503
line-height: 1.55;
504+
color: var(--secondary-text-color);
477505
color: color-mix(in srgb, var(--secondary-text-color), transparent 8%);
478506
}
479507
}

‎src/components/sidebar/style.scss‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -288,6 +288,7 @@ body.no-animation {
288288
input {
289289
color: rgb(255, 255, 255);
290290
color: var(--primary-text-color);
291+
border: solid 1px var(--border-color);
291292
border: solid 1px color-mix(in srgb, var(--border-color) 70%, transparent);
292293
border-radius: 8px;
293294
height: 30px;
@@ -300,6 +301,7 @@ body.no-animation {
300301

301302
&:focus {
302303
border-color: var(--border-color) !important;
304+
background: var(--secondary-color);
303305
background: color-mix(in srgb, var(--secondary-color) 10%, transparent);
304306
box-shadow: 0 0 0 2px var(---box-shadow-color);
305307
}
@@ -365,6 +367,7 @@ body.no-animation {
365367
.badge {
366368
display: inline-flex;
367369
align-items: center;
370+
background-color: var(--popup-background-color);
368371
background-color: color-mix(in srgb,
369372
var(--error-text-color) 20%,
370373
transparent);
@@ -379,6 +382,7 @@ body.no-animation {
379382

380383
.user-menu-email {
381384
font-size: 12px;
385+
color: var(--popup-text-color);
382386
color: color-mix(in srgb, var(--popup-text-color) 70%, transparent);
383387
}
384388
}
@@ -400,4 +404,4 @@ body.no-animation {
400404
background-color: var(--border-color);
401405
margin: 4px 0;
402406
}
403-
}
407+
}

‎src/pages/plugin/plugin.scss‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,7 @@
6666
display: flex;
6767
gap: 16px;
6868
flex-wrap: wrap;
69+
color: var(--secondary-text-color);
6970
color: color-mix(in srgb, var(--primary-text-color) 60%, transparent);
7071
font-size: 14px;
7172
margin-bottom: 12px;
@@ -97,6 +98,7 @@
9798
display: flex;
9899
flex-wrap: wrap;
99100
gap: 16px;
101+
color: var(--secondary-text-color);
100102
color: color-mix(in srgb, var(--primary-text-color) 60%, transparent);
101103
font-size: 14px;
102104

@@ -141,6 +143,7 @@
141143
position: relative;
142144

143145
.keyword {
146+
background: var(--popup-background-color);
144147
background: color-mix(in srgb,
145148
var(--link-text-color) 10%,
146149
transparent);
@@ -149,6 +152,7 @@
149152
border-radius: 12px;
150153
font-size: 13px;
151154
transition: all 0.2s;
155+
border: 1px solid var(--link-text-color);
152156
border: 1px solid color-mix(in srgb, var(--link-text-color) 25%, transparent);
153157
}
154158
}
@@ -226,6 +230,7 @@
226230
border-bottom: 1px solid var(--border-color);
227231

228232
.tab {
233+
color: var(--secondary-text-color);
229234
color: color-mix(in srgb, var(--primary-text-color) 60%, transparent);
230235
}
231236

@@ -317,6 +322,7 @@
317322

318323
.contributor-role {
319324
font-size: 13px;
325+
color: var(--secondary-text-color);
320326
color: color-mix(in srgb, var(--primary-text-color) 60%, transparent);
321327
}
322328
}
@@ -326,6 +332,7 @@
326332
.no-changelog {
327333
text-align: center;
328334
padding: 2rem;
335+
color: var(--secondary-text-color);
329336
color: color-mix(in srgb, var(--primary-text-color) 60%, transparent);
330337

331338
i {
@@ -497,4 +504,4 @@
497504
}
498505
}
499506
}
500-
}
507+
}

0 commit comments

Comments
 (0)