Updated the css themes to remove specific stuff from chartDisplay

added $components alias to svelte.config.js
This commit is contained in:
2025-12-08 23:36:32 -06:00
parent a1349f9cd1
commit 06c157d4af
13 changed files with 100 additions and 121 deletions

View File

@@ -41,3 +41,8 @@
background: #ff00ff;
color: #000;
}
:global(.theme-cyberpunk .chart-display) {
background: rgba(0, 255, 255, 0.05);
border: 1px solid #00ffff;
}

View File

@@ -42,3 +42,9 @@
:global(.theme-nightmare button:hover) {
background: #8b0000;
}
:global(.theme-nightmare .chart-display) {
background: #000000;
border: 2px solid #8b0000;
}

View File

@@ -55,4 +55,9 @@
box-shadow: 0 2px 0 #a00009;
transform: translateY(2px);
}
:global(.theme-nintendo .chart-display ){
background: #fff;
border: 3px solid #00a3e0;
border-radius: 10px;
color: #484848;
}

View File

@@ -30,3 +30,8 @@
color: #f4e8d0;
font-family: 'Courier', monospace;
}
:global(.theme-typewriter) .chart-display {
background: #fffef7;
border: 1px solid #2c2416;
}

View File

@@ -39,4 +39,8 @@
text-transform: uppercase;
padding: 12px 30px;
}
:global(.theme-vaporwave .chart-display ){
background: rgba(255, 255, 255, 0.15);
border: 2px solid #ff6ad5;
}

View File

@@ -32,3 +32,8 @@
:global(.theme-win95 button:active) {
border-color: #000000 #ffffff #ffffff #000000;
}
:global(.theme-win95 .chart-display) {
background: white;
border: 2px inset #808080;
}