Skip to content

Commit 72ffc99

Browse files
femto-codefemto-code
committed
Update compiled CSS
1 parent 8171015 commit 72ffc99

File tree

2 files changed

+24
-67
lines changed

2 files changed

+24
-67
lines changed

‎main.css

+12-34
Original file line numberDiff line numberDiff line change
@@ -49,8 +49,8 @@
4949
html[data-theme=dark] {
5050
--ls-primary-background-color: #282C34;
5151
--ls-secondary-background-color: #21252B;
52-
--ls-tertiary-background-color: #1D2026;
53-
--ls-quaternary-background-color: #1e2126;
52+
--ls-tertiary-background-color: #282C34;
53+
--ls-quaternary-background-color: #32363e;
5454
--ls-top-bar-background: #21252B;
5555
--ls-main-content-background: #21252B;
5656
--ls-left-sidebar-background: #282C34;
@@ -95,7 +95,7 @@ html[data-theme=dark] {
9595
--lx-gray-12: #f1f2f4;
9696
--ls-header-button-background: var(--ls-secondary-background-color);
9797
--ls-header-button-hover: #1D2026;
98-
--lx-gray-04: #282C34;
98+
--lx-gray-04: #21252b;
9999
--ls-left-sidebar-text-color: var(--ls-primary-text-color);
100100
--ls-left-sidebar-active-background: #393e47;
101101
--ls-left-sidebar-hover-background: var(--ls-quaternary-background-color);
@@ -129,12 +129,13 @@ html[data-theme=dark] {
129129
--popover: 216deg 13.16% 14.9%;
130130
--lx-popover-bg: var(--lx-gray-03);
131131
--border: 220deg 8.26% 21.37%;
132-
--accent: 220deg 13.04% 18.04%;
132+
--accent: 225.45deg 69.23% 71.96%;
133133
--ct-color-level-1: #21252B;
134134
--primary: 225.45deg 69.23% 71.96%;
135135
--secondary: 225.33deg 26.63% 41.16%;
136136
--lx-accent-10: 225.45deg 69.23% 75%;
137137
--ct-cm-bg: #21252B;
138+
--ct-right-sidebar-bg-color: #21252B;
138139
}
139140

140141
/* *****************************
@@ -221,12 +222,15 @@ html[data-theme=light] {
221222
--box-shadow-sm: rgba(171, 171, 171, 0.1) 0 2px 3px 0;
222223
--block-ref-bg: hsla(0, 0%, 40%, .1);
223224
--block-ref-bg-hv: hsla(0, 0%, 40%, .2);
225+
--accent: 225.45deg 69.23% 71.96%;
224226
--lx-gray-03: #F7F7F7;
225227
--lx-popover-bg: var(--lx-gray-03);
228+
--lx-gray-04: #E2E4E9;
226229
--ct-color-level-1: #eceded;
227230
--primary: 225.45deg 69.23% 72%;
228231
--secondary: 225deg 100% 91%;
229232
--lx-accent-10: 225.45deg 69.23% 75%;
233+
--ct-right-sidebar-bg-color: #E2E4E9;
230234
}
231235

232236
/*****************************************
@@ -242,8 +246,11 @@ html[data-theme=light] {
242246
#right-sidebar .cp__right-sidebar-topbar {
243247
background-color: var(--ls-main-content-background);
244248
}
249+
#right-sidebar #right-sidebar-container {
250+
background-color: var(--ct-right-sidebar-bg-color);
251+
}
245252

246-
/* Make "New page" button opaque */
253+
/* Make "+ Create" button background opaque */
247254
.left-sidebar-inner .create {
248255
background-image: none !important;
249256
}
@@ -403,36 +410,20 @@ html ::-webkit-scrollbar-thumb:hover {
403410
html[data-theme=light] {
404411
/* Autocomplete section borders */
405412
}
406-
html[data-theme=light] .cp__header div[data-type=toolbar] a {
407-
color: var(--ls-header-button-text-color, var(--lx-gray-11, var(--ls-header-button-background)));
408-
}
409-
html[data-theme=light] .cp__header div[data-type=toolbar] a:hover {
410-
color: var(--ls-header-button-text-color-hover, var(--lx-gray-12, var(--ls-header-button-background)));
411-
}
412413
html[data-theme=light] #ui__ac-inner div:not(:first-child) div.ui__ac-group-name {
413414
border-top: 1px solid var(--ls-border-color);
414415
}
415416
html[data-theme=light] .inline code {
416417
border: 1px solid hsla(220, 13%, 18%, 0.08);
417418
padding: 2px 4px !important;
418419
}
419-
html[data-theme=light] .cp__themes-installed .it:not(.is-selected) {
420-
background-color: unset;
421-
}
422420
html[data-theme=light] .absolute-modal {
423421
border: 1px solid lightgray;
424422
}
425423
html[data-theme=light] .cp__sidebar-help-menu-popup {
426424
background-color: var(--ls-primary-background-color);
427425
}
428-
html[data-theme=light] #right-sidebar-container {
429-
background: #F1F2F4;
430-
}
431426

432-
html[data-theme=dark] .dropdown-wrapper a {
433-
opacity: 1 !important;
434-
color: var(--ls-primary-text-color);
435-
}
436427
html[data-theme=dark] .inline code {
437428
border: 1px solid hsla(203, 13%, 60%, 0.2);
438429
padding: 2px 4px !important;
@@ -451,13 +442,6 @@ html[data-theme=dark] mark {
451442
html[data-theme=dark] .form-control textarea {
452443
background-color: var(--ls-modal-panel-color, var(--lx-gray-04, var(--ls-secondary-background-color)));
453444
}
454-
html[data-theme=dark] .bg-popover {
455-
background: var(--ls-secondary-background-color);
456-
border-color: var(--ls-border-color);
457-
}
458-
html[data-theme=dark] .focus\:bg-accent:focus {
459-
background-color: var(--ls-primary-background-color);
460-
}
461445
html[data-theme=dark] .content b {
462446
color: var(--ct-bold-color);
463447
}
@@ -1579,9 +1563,6 @@ body:is([data-page=page], [data-page=home]).is-banner-active .cp__sidebar-main-c
15791563
border-radius: 0 0 10px 10px !important;
15801564
}
15811565

1582-
html[data-theme=dark] .datepicker {
1583-
background-color: var(--ls-primary-background-color);
1584-
}
15851566
html[data-theme=dark] #main-container, html[data-theme=dark] #app-container {
15861567
background-color: #21252B !important;
15871568
}
@@ -1592,6 +1573,3 @@ html[data-theme=dark] .left-sidebar-inner {
15921573
html[data-theme=light] #main-container, html[data-theme=light] #app-container {
15931574
background-color: #E2E4E9 !important;
15941575
}
1595-
html[data-theme=light] #right-sidebar-container {
1596-
background: #E2E4E9;
1597-
}

‎main2.css

+12-33
Original file line numberDiff line numberDiff line change
@@ -50,8 +50,8 @@
5050
html[data-theme=dark] {
5151
--ls-primary-background-color: var(--cp-darker);
5252
--ls-secondary-background-color: var(--cp-darkest);
53-
--ls-tertiary-background-color: var(--cp-dark);
54-
--ls-quaternary-background-color: var(--cp-gray);
53+
--ls-tertiary-background-color: var(--cp-gray);
54+
--ls-quaternary-background-color: var(--cp-lighter);
5555
--ls-top-bar-background: var(--cp-darker);
5656
--ls-main-content-background: var(--cp-darker);
5757
--ls-left-sidebar-background: var(--cp-darkest);
@@ -95,7 +95,7 @@ html[data-theme=dark] {
9595
--lx-gray-12: var(--cp-white);
9696
--ls-header-button-background: var(--ls-secondary-background-color);
9797
--ls-header-button-hover: #1D2026;
98-
--lx-gray-04: #282C34;
98+
--lx-gray-04: var(--cp-darker);
9999
--ls-left-sidebar-text-color: var(--ls-primary-text-color);
100100
--ls-left-sidebar-active-background: #393e47;
101101
--ls-left-sidebar-hover-background: var(--ls-quaternary-background-color);
@@ -125,12 +125,13 @@ html[data-theme=dark] {
125125
--popover: 216deg 13.16% 14.9%;
126126
--lx-popover-bg: var(--lx-gray-03);
127127
--border: 220deg 8.26% 21.37%;
128-
--accent: 220deg 13.04% 18.04%;
128+
--accent: 225.45deg 69.23% 71.96%;
129129
--ct-color-level-1: var(--cp-darkest);
130130
--primary: 225.45deg 69.23% 72%;
131131
--secondary: 225.33deg 26.63% 41%;
132132
--lx-accent-10: 225.45deg 69.23% 75%;
133133
--ct-cm-bg: var(--cp-dark);
134+
--ct-right-sidebar-bg-color: #21252B;
134135
}
135136

136137
/* *****************************
@@ -210,13 +211,15 @@ html[data-theme=light] {
210211
--box-shadow-sm: rgba(171, 171, 171, 0.1) 0 2px 3px 0;
211212
--block-ref-bg: hsla(0, 0%, 40%, .1);
212213
--block-ref-bg-hv: hsla(0, 0%, 40%, .2);
214+
--accent: 225.45deg 69.23% 71.96%;
213215
--lx-gray-03: #F7F7F7;
214216
--lx-popover-bg: var(--lx-gray-03);
215-
--lx-gray-04: var(--ls-tertiary-background-color);
217+
--lx-gray-04: #E2E4E9;
216218
--ct-color-level-1: #eceded;
217219
--primary: 225.45deg 69.23% 72%;
218220
--secondary: 225deg 100% 91%;
219221
--lx-accent-10: 225.45deg 69.23% 75%;
222+
--ct-right-sidebar-bg-color: #F1F2F4;
220223
}
221224

222225
/*****************************************
@@ -232,8 +235,11 @@ html[data-theme=light] {
232235
#right-sidebar .cp__right-sidebar-topbar {
233236
background-color: var(--ls-main-content-background);
234237
}
238+
#right-sidebar #right-sidebar-container {
239+
background-color: var(--ct-right-sidebar-bg-color);
240+
}
235241

236-
/* Make "New page" button opaque */
242+
/* Make "+ Create" button background opaque */
237243
.left-sidebar-inner .create {
238244
background-image: none !important;
239245
}
@@ -393,36 +399,20 @@ html ::-webkit-scrollbar-thumb:hover {
393399
html[data-theme=light] {
394400
/* Autocomplete section borders */
395401
}
396-
html[data-theme=light] .cp__header div[data-type=toolbar] a {
397-
color: var(--ls-header-button-text-color, var(--lx-gray-11, var(--ls-header-button-background)));
398-
}
399-
html[data-theme=light] .cp__header div[data-type=toolbar] a:hover {
400-
color: var(--ls-header-button-text-color-hover, var(--lx-gray-12, var(--ls-header-button-background)));
401-
}
402402
html[data-theme=light] #ui__ac-inner div:not(:first-child) div.ui__ac-group-name {
403403
border-top: 1px solid var(--ls-border-color);
404404
}
405405
html[data-theme=light] .inline code {
406406
border: 1px solid hsla(220, 13%, 18%, 0.08);
407407
padding: 2px 4px !important;
408408
}
409-
html[data-theme=light] .cp__themes-installed .it:not(.is-selected) {
410-
background-color: unset;
411-
}
412409
html[data-theme=light] .absolute-modal {
413410
border: 1px solid lightgray;
414411
}
415412
html[data-theme=light] .cp__sidebar-help-menu-popup {
416413
background-color: var(--ls-primary-background-color);
417414
}
418-
html[data-theme=light] #right-sidebar-container {
419-
background: #F1F2F4;
420-
}
421415

422-
html[data-theme=dark] .dropdown-wrapper a {
423-
opacity: 1 !important;
424-
color: var(--ls-primary-text-color);
425-
}
426416
html[data-theme=dark] .inline code {
427417
border: 1px solid hsla(203, 13%, 60%, 0.2);
428418
padding: 2px 4px !important;
@@ -441,13 +431,6 @@ html[data-theme=dark] mark {
441431
html[data-theme=dark] .form-control textarea {
442432
background-color: var(--ls-modal-panel-color, var(--lx-gray-04, var(--ls-secondary-background-color)));
443433
}
444-
html[data-theme=dark] .bg-popover {
445-
background: var(--ls-secondary-background-color);
446-
border-color: var(--ls-border-color);
447-
}
448-
html[data-theme=dark] .focus\:bg-accent:focus {
449-
background-color: var(--ls-primary-background-color);
450-
}
451434
html[data-theme=dark] .content b {
452435
color: var(--ct-bold-color);
453436
}
@@ -1548,7 +1531,3 @@ a.tooltip-priority {
15481531
.page-property-key[data-ref|=plugin]::before {
15491532
content: "\ebd9";
15501533
}
1551-
1552-
html[data-theme=dark] #right-sidebar-container {
1553-
background: #21252B;
1554-
}

0 commit comments

Comments
 (0)