fix: remove Stardust background dots
This commit is contained in:
parent
ebcd23399f
commit
d2d773a8ff
1 changed files with 21 additions and 23 deletions
|
|
@ -3,6 +3,8 @@
|
||||||
Light/dark/system themes via `data-theme` on <html>.
|
Light/dark/system themes via `data-theme` on <html>.
|
||||||
========================================================================= */
|
========================================================================= */
|
||||||
|
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700&display=swap');
|
||||||
|
|
||||||
:root,
|
:root,
|
||||||
:root[data-theme='light'] {
|
:root[data-theme='light'] {
|
||||||
--bg: #f6f4f0;
|
--bg: #f6f4f0;
|
||||||
|
|
@ -353,8 +355,6 @@ html[data-theme='impeccable-dark'] .sidebar {
|
||||||
Fonts: Source Serif 4 for body, Cormorant Garamond for headings.
|
Fonts: Source Serif 4 for body, Cormorant Garamond for headings.
|
||||||
Sidebar: Deep (darker background). Workspace: Deep Space (dramatic vignette). */
|
Sidebar: Deep (darker background). Workspace: Deep Space (dramatic vignette). */
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700&display=swap');
|
|
||||||
|
|
||||||
:root[data-theme='cosmic'] {
|
:root[data-theme='cosmic'] {
|
||||||
/* Stardust dark mode colors */
|
/* Stardust dark mode colors */
|
||||||
--bg: #171109;
|
--bg: #171109;
|
||||||
|
|
@ -365,19 +365,19 @@ html[data-theme='impeccable-dark'] .sidebar {
|
||||||
--border-strong: #3d3220;
|
--border-strong: #3d3220;
|
||||||
--text: #fff5dc;
|
--text: #fff5dc;
|
||||||
--text-muted: #d5bd8d;
|
--text-muted: #d5bd8d;
|
||||||
--primary: #efbd62;
|
--primary: #f3b407;
|
||||||
--primary-hover: #ffdb91;
|
--primary-hover: #ffc933;
|
||||||
--primary-soft: rgba(239, 189, 98, 0.15);
|
--primary-soft: rgba(243, 180, 7, 0.15);
|
||||||
--on-primary: #171109;
|
--on-primary: #171109;
|
||||||
--danger: #f08e7d;
|
--danger: #f3b407;
|
||||||
--danger-soft: rgba(240, 142, 125, 0.15);
|
--danger-soft: rgba(243, 180, 7, 0.15);
|
||||||
--warning: #f08e7d;
|
--warning: #f3b407;
|
||||||
--warning-soft: rgba(240, 142, 125, 0.15);
|
--warning-soft: rgba(243, 180, 7, 0.15);
|
||||||
--success: #74d7cb;
|
--success: #87e6fb;
|
||||||
--success-soft: rgba(116, 215, 203, 0.15);
|
--success-soft: rgba(135, 230, 251, 0.15);
|
||||||
--info: #74d7cb;
|
--info: #87e6fb;
|
||||||
--info-soft: rgba(116, 215, 203, 0.15);
|
--info-soft: rgba(135, 230, 251, 0.15);
|
||||||
--focus: #efbd62;
|
--focus: #f3b407;
|
||||||
--shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
|
--shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
|
||||||
--shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.6);
|
--shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.6);
|
||||||
--radius: 8px;
|
--radius: 8px;
|
||||||
|
|
@ -403,17 +403,17 @@ html[data-theme='cosmic'] h4 {
|
||||||
|
|
||||||
html[data-theme='cosmic'] h1 {
|
html[data-theme='cosmic'] h1 {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: #efbd62;
|
color: #f3b407;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme='cosmic'] h2 {
|
html[data-theme='cosmic'] h2 {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #74d7cb;
|
color: #87e6fb;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme='cosmic'] h3 {
|
html[data-theme='cosmic'] h3 {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #f08e7d;
|
color: #f3b407;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Cosmic sidebar - Deep background (darker) */
|
/* Cosmic sidebar - Deep background (darker) */
|
||||||
|
|
@ -422,15 +422,13 @@ html[data-theme='cosmic'] .sidebar {
|
||||||
border-right-color: var(--border);
|
border-right-color: var(--border);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html[data-theme='cosmic'] .sidebar-logo img {
|
||||||
|
filter: invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
/* Cosmic workspace - Deep Space background with vignette effect */
|
/* Cosmic workspace - Deep Space background with vignette effect */
|
||||||
html[data-theme='cosmic'] .app-shell {
|
html[data-theme='cosmic'] .app-shell {
|
||||||
background:
|
background:
|
||||||
radial-gradient(circle at 8% 13%, rgba(255, 245, 220, 0.72) 0 1px, transparent 1.7px),
|
|
||||||
radial-gradient(circle at 27% 7%, rgba(116, 215, 203, 0.82) 0 1px, transparent 1.8px),
|
|
||||||
radial-gradient(circle at 73% 19%, rgba(255, 245, 220, 0.68) 0 1.2px, transparent 1.9px),
|
|
||||||
radial-gradient(circle at 91% 42%, rgba(240, 142, 125, 0.78) 0 1px, transparent 1.8px),
|
|
||||||
radial-gradient(circle at 61% 78%, rgba(255, 245, 220, 0.64) 0 1px, transparent 1.7px),
|
|
||||||
radial-gradient(circle at 18% 84%, rgba(239, 189, 98, 0.82) 0 1.2px, transparent 2px),
|
|
||||||
radial-gradient(circle at 12% 4%, rgba(239, 189, 98, 0.52), transparent 58rem),
|
radial-gradient(circle at 12% 4%, rgba(239, 189, 98, 0.52), transparent 58rem),
|
||||||
radial-gradient(circle at 88% 12%, rgba(116, 215, 203, 0.42), transparent 46rem),
|
radial-gradient(circle at 88% 12%, rgba(116, 215, 203, 0.42), transparent 46rem),
|
||||||
radial-gradient(circle at 52% 100%, rgba(240, 142, 125, 0.36), transparent 50rem),
|
radial-gradient(circle at 52% 100%, rgba(240, 142, 125, 0.36), transparent 50rem),
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue