ngn/anonymous_overflow
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Activity

A fix and a small refactor (#114)

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/globals.css
View File

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

4
public/home.css
View File

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

4
public/question.css
View File

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