gordon/re-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Menu color is hardcoded as white

Browse Source
This commit is contained in:
Vĩnh Phước
2025-03-08 16:28:43 +07:00
parent c51feb34c3
commit 3e101bd51e
7 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/css/color/blue.scss
View File

@@ -5,6 +5,7 @@
--background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%); --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
--border-color: rgba(255, 255, 255, 0.1); --border-color: rgba(255, 255, 255, 0.1);
--color: white; --color: white;
--menu-color: white;
// Use in code syntax highlighting // Use in code syntax highlighting
--syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%); --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);

1
assets/css/color/green.scss
View File

@@ -5,6 +5,7 @@
--background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%); --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
--border-color: rgba(255, 255, 255, 0.1); --border-color: rgba(255, 255, 255, 0.1);
--color: white; --color: white;
--menu-color: white;
// Use in code syntax highlighting // Use in code syntax highlighting
--syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%); --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);

1
assets/css/color/orange.scss
View File

@@ -5,6 +5,7 @@
--background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%); --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
--border-color: rgba(255, 255, 255, 0.1); --border-color: rgba(255, 255, 255, 0.1);
--color: white; --color: white;
--menu-color: white;
// Use in code syntax highlighting // Use in code syntax highlighting
--syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%); --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);

1
assets/css/color/paper.scss
View File

@@ -5,6 +5,7 @@
--background: color-mix(in srgb, var(--accent) 2%, #fefcfa 98%); --background: color-mix(in srgb, var(--accent) 2%, #fefcfa 98%);
--border-color: rgba(0, 0, 0, 0.1); --border-color: rgba(0, 0, 0, 0.1);
--color: black; --color: black;
--menu-color: black;
// Use in code syntax highlighting // Use in code syntax highlighting
--syntax-func-color: color-mix(in srgb, var(--accent) 70%, #000 30%); --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #000 30%);

1
assets/css/color/pink.scss
View File

@@ -5,6 +5,7 @@
--background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%); --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
--border-color: rgba(255, 255, 255, 0.1); --border-color: rgba(255, 255, 255, 0.1);
--color: white; --color: white;
--menu-color: white;
// Use in code syntax highlighting // Use in code syntax highlighting
--syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%); --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);

1
assets/css/color/red.scss
View File

@@ -5,6 +5,7 @@
--background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%); --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
--border-color: rgba(255, 255, 255, 0.1); --border-color: rgba(255, 255, 255, 0.1);
--color: white; --color: white;
--menu-color: white;
// Use in code syntax highlighting // Use in code syntax highlighting
--syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%); --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);

14
assets/css/menu.scss
View File

@@ -2,11 +2,12 @@
--shadow-color: color-mix(in srgb, var(--background), transparent 20%); --shadow-color: color-mix(in srgb, var(--background), transparent 20%);
display: none; display: none;
flex-direction: column; flex-direction: column;
--shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color); --shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color),
10px 10px var(--shadow-color);
position: absolute; position: absolute;
background: var(--background); background: var(--background);
box-shadow: var(--shadow); box-shadow: var(--shadow);
color: white; color: var(--menu-color);
border: 2px solid; border: 2px solid;
margin: 0; margin: 0;
padding: 10px; padding: 10px;
@@ -45,7 +46,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
> li { >li {
flex: 0 0 auto; flex: 0 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
white-space: nowrap; white-space: nowrap;
@@ -91,6 +92,7 @@
&--title { &--title {
padding: 5px; padding: 5px;
} }
&--list { &--list {
list-style-type: unset; list-style-type: unset;
} }
@@ -103,7 +105,7 @@
display: flex; display: flex;
} }
> li { >li {
flex: 0 0 auto; flex: 0 0 auto;
&:not(:last-of-type) { &:not(:last-of-type) {
@@ -119,7 +121,7 @@
&--desktop { &--desktop {
@media (max-width: $phone) { @media (max-width: $phone) {
display: none display: none;
} }
} }
@@ -163,4 +165,4 @@
right: 0; right: 0;
} }
} }
} }