A fix and a small refactor (#114)

1. fix code not visible in light theme;
2. use hex code instead of rgb code for all.
This commit is contained in:
Patrick Wu 2024-04-25 00:49:26 +08:00 committed by GitHub
parent 42b1c93737
commit 3a508ddbd4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 11 additions and 9 deletions

View File

@ -3,21 +3,23 @@
--text-color: #fff;
--muted-text-color: #b3b3b3;
--code-bg: #36383d;
--code-fg: #ffffff;
--input-bg: #2b303b;
--input-bg-hover: #3b404b;
--meta-bg: rgb(82, 82, 98);
--meta-bg: #525262;
--divider-color: #42464e;
--link-color: #92adff;
}
[data-theme='light'] {
--main-bg: rgb(219, 219, 219);
--main-bg: #dbdbdb;
--text-color: #000;
--muted-text-color: #636363;
--code-bg: #36383d;
--input-bg: rgb(188, 188, 188);
--input-bg-hover: rgb(168, 168, 168);
--meta-bg: rgb(170, 168, 168);
--code-fg: #ffffff;
--input-bg: #bcbcbc;
--input-bg-hover: #a8a8a8;
--meta-bg: #aaa8a8;
--divider-color: #b5b5b5;
--link-color: #335ad0;
}

View File

@ -44,7 +44,7 @@ body {
.view-input:focus {
outline: none;
border: 2px solid rgb(168, 168, 168);
border: 2px solid #a8a8a8;
}
.view-button {
@ -71,7 +71,7 @@ body {
}
.error {
background-color: rgb(255, 129, 129);
background-color: #ff8181;
}
.error,

View File

@ -55,14 +55,14 @@ code {
background-color: var(--code-bg);
padding: 0.15rem;
border-radius: 5px;
color: white;
color: var(--code-fg);
}
pre {
background-color: var(--code-bg);
padding: 1rem;
border-radius: 5px;
color: var(--text-color);
color: var(--code-fg);
overflow-x: auto;
line-height: 1.35;
}