Skip to content

Commit eb40649

Browse files
5cript5cript
committed
Fixed nebula style by adding SNC variables.
1 parent 6c148e4 commit eb40649

1 file changed

Lines changed: 118 additions & 0 deletions

File tree

‎themes/Nebula.css‎

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,65 @@
6464
--nui-file-grid-border-color: rgba(255, 255, 255, 0.07);
6565
--nui-file-grid-item-highlight: color-mix(in oklch, var(--accent-a) 30%, transparent);
6666
--nui-file-grid-symbolic-link-color: color-mix(in oklch, var(--accent-b) 70%, white 20%);
67+
68+
--script-nui-components-field-background-color: rgba(255, 255, 255, 0.04);
69+
--script-nui-components-field-color: var(--color);
70+
--script-nui-components-field-border-color: rgba(255, 255, 255, 0.13);
71+
--script-nui-components-field-border-radius: 6px;
72+
--script-nui-components-field-hover-shadow: 0 0 0 1px var(--accent-b);
73+
--script-nui-components-field-focus-shadow: 0 0 0 2px color-mix(in oklch, var(--accent-b) 45%, transparent);
74+
75+
--script-nui-components-button-color-regular: rgba(255, 255, 255, 0.04);
76+
--script-nui-components-button-border-color-regular: rgba(255, 255, 255, 0.13);
77+
--script-nui-components-button-color: var(--color);
78+
79+
--script-nui-components-tabs-background-color: transparent;
80+
--script-nui-components-tabs-background-color-tab: rgba(255, 255, 255, 0.025);
81+
--script-nui-components-tabs-background-color-tab-hover: rgba(255, 255, 255, 0.06);
82+
--script-nui-components-tabs-background-color-tab-selected: rgba(255, 255, 255, 0.08);
83+
--script-nui-components-tabs-bar-border-color: rgba(255, 255, 255, 0.07);
84+
--script-nui-components-tabs-border-color-tab: transparent;
85+
--script-nui-components-tabs-border-color-tab-hover: rgba(255, 255, 255, 0.10);
86+
--script-nui-components-tabs-color-tab: var(--color-secondary);
87+
--script-nui-components-tabs-color-tab-hover: var(--color);
88+
--script-nui-components-tabs-color-tab-selected: var(--color);
89+
--script-nui-components-tabs-tab-border-color-selected: rgba(255, 255, 255, 0.13);
90+
91+
--script-nui-components-tree-row-hover-bg: rgba(255, 255, 255, 0.04);
92+
--script-nui-components-tree-row-selected-bg: color-mix(in oklch, var(--accent-a) 22%, transparent);
93+
--script-nui-components-tree-guide-color: rgba(255, 255, 255, 0.07);
94+
95+
--script-nui-components-dialog-background-color--regular: rgba(22, 22, 30, 0.78);
96+
--script-nui-components-dialog-border-color: rgba(255, 255, 255, 0.08);
97+
--script-nui-components-dialog-color: var(--color);
98+
--script-nui-components-dialog-header-color: var(--color);
99+
--script-nui-components-dialog-footer-color: var(--color-secondary);
100+
101+
--script-nui-components-table-color: var(--color);
102+
--script-nui-components-table-header-color: var(--color);
103+
--script-nui-components-table-footer-color: var(--color-secondary);
104+
--script-nui-components-table-cell-background: rgba(20, 20, 28, 0.55);
105+
--script-nui-components-table-header-background: linear-gradient(180deg, rgba(30, 30, 40, 0.65), rgba(14, 14, 20, 0.65));
106+
--script-nui-components-table-footer-background: rgba(14, 14, 20, 0.65);
107+
--script-nui-components-table-border-color: rgba(255, 255, 255, 0.07);
108+
--script-nui-components-table-row-hover: rgba(255, 255, 255, 0.04);
109+
--script-nui-components-table-handle-color: rgba(255, 255, 255, 0.18);
110+
--script-nui-components-table-handle-active: var(--accent-b);
111+
112+
--script-nui-popup-menu-bg-color: #14141c;
113+
--script-nui-popup-menu-surface-color: #1c1c26;
114+
--script-nui-popup-menu-border-color: rgba(255, 255, 255, 0.13);
115+
--script-nui-popup-menu-text-color: var(--color);
116+
--script-nui-popup-menu-text-muted-color: var(--color-secondary);
117+
--script-nui-popup-menu-disabled-color: var(--subdued-text);
118+
--script-nui-popup-menu-separator-color: rgba(255, 255, 255, 0.07);
119+
--script-nui-popup-menu-shadow-color: rgba(0, 0, 0, 0.55);
120+
}
121+
122+
:root[data-custom-theme="Nebula"] .script-nui-select-popover {
123+
background-color: #14141c !important;
124+
border-color: rgba(255, 255, 255, 0.13) !important;
125+
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55) !important;
67126
}
68127

69128
:root[data-custom-theme="Nebula"] body {
@@ -202,6 +261,65 @@
202261
--nui-file-grid-border-color: rgba(0, 0, 0, 0.07);
203262
--nui-file-grid-item-highlight: color-mix(in oklch, var(--accent-a) 22%, transparent);
204263
--nui-file-grid-symbolic-link-color: color-mix(in oklch, var(--accent-a) 70%, black 10%);
264+
265+
--script-nui-components-field-background-color: rgba(255, 255, 255, 0.65);
266+
--script-nui-components-field-color: var(--color);
267+
--script-nui-components-field-border-color: rgba(0, 0, 0, 0.13);
268+
--script-nui-components-field-border-radius: 6px;
269+
--script-nui-components-field-hover-shadow: 0 0 0 1px var(--accent-b);
270+
--script-nui-components-field-focus-shadow: 0 0 0 2px color-mix(in oklch, var(--accent-b) 35%, transparent);
271+
272+
--script-nui-components-button-color-regular: rgba(255, 255, 255, 0.55);
273+
--script-nui-components-button-border-color-regular: rgba(0, 0, 0, 0.13);
274+
--script-nui-components-button-color: var(--color);
275+
276+
--script-nui-components-tabs-background-color: transparent;
277+
--script-nui-components-tabs-background-color-tab: rgba(255, 255, 255, 0.40);
278+
--script-nui-components-tabs-background-color-tab-hover: rgba(255, 255, 255, 0.70);
279+
--script-nui-components-tabs-background-color-tab-selected: rgba(255, 255, 255, 0.85);
280+
--script-nui-components-tabs-bar-border-color: rgba(0, 0, 0, 0.07);
281+
--script-nui-components-tabs-border-color-tab: transparent;
282+
--script-nui-components-tabs-border-color-tab-hover: rgba(0, 0, 0, 0.10);
283+
--script-nui-components-tabs-color-tab: var(--color-secondary);
284+
--script-nui-components-tabs-color-tab-hover: var(--color);
285+
--script-nui-components-tabs-color-tab-selected: var(--color);
286+
--script-nui-components-tabs-tab-border-color-selected: rgba(0, 0, 0, 0.13);
287+
288+
--script-nui-components-tree-row-hover-bg: rgba(0, 0, 0, 0.04);
289+
--script-nui-components-tree-row-selected-bg: color-mix(in oklch, var(--accent-a) 18%, transparent);
290+
--script-nui-components-tree-guide-color: rgba(0, 0, 0, 0.10);
291+
292+
--script-nui-components-dialog-background-color--regular: rgba(255, 255, 255, 0.85);
293+
--script-nui-components-dialog-border-color: rgba(0, 0, 0, 0.08);
294+
--script-nui-components-dialog-color: var(--color);
295+
--script-nui-components-dialog-header-color: var(--color);
296+
--script-nui-components-dialog-footer-color: var(--color-secondary);
297+
298+
--script-nui-components-table-color: var(--color);
299+
--script-nui-components-table-header-color: var(--color);
300+
--script-nui-components-table-footer-color: var(--color-secondary);
301+
--script-nui-components-table-cell-background: rgba(255, 255, 255, 0.55);
302+
--script-nui-components-table-header-background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(244, 246, 250, 0.85));
303+
--script-nui-components-table-footer-background: rgba(244, 246, 250, 0.85);
304+
--script-nui-components-table-border-color: rgba(0, 0, 0, 0.08);
305+
--script-nui-components-table-row-hover: rgba(0, 0, 0, 0.04);
306+
--script-nui-components-table-handle-color: rgba(0, 0, 0, 0.18);
307+
--script-nui-components-table-handle-active: var(--accent-b);
308+
309+
--script-nui-popup-menu-bg-color: #ffffff;
310+
--script-nui-popup-menu-surface-color: #f4f5f8;
311+
--script-nui-popup-menu-border-color: rgba(0, 0, 0, 0.13);
312+
--script-nui-popup-menu-text-color: var(--color);
313+
--script-nui-popup-menu-text-muted-color: var(--color-secondary);
314+
--script-nui-popup-menu-disabled-color: var(--subdued-text);
315+
--script-nui-popup-menu-separator-color: rgba(0, 0, 0, 0.07);
316+
--script-nui-popup-menu-shadow-color: rgba(60, 70, 110, 0.25);
317+
}
318+
319+
:root[data-custom-theme="Nebula"][data-theme="light"] .script-nui-select-popover {
320+
background-color: #ffffff !important;
321+
border-color: rgba(0, 0, 0, 0.13) !important;
322+
box-shadow: 0 12px 28px rgba(60, 70, 110, 0.25) !important;
205323
}
206324

207325
:root[data-custom-theme="Nebula"][data-theme="light"] body {

0 commit comments

Comments
 (0)