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:
parent
42b1c93737
commit
3a508ddbd4
@ -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;
|
||||
}
|
||||
|
@ -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,
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user