asandikci.com/web
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui): improve visibility of inline code (#1831)

Browse source
This commit is contained in:
Cotes Chung 2024-07-01 07:02:36 +08:00 committed by GitHub
parent 9ca7519239
commit c876731901
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 3 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_sass/addon/syntax.scss
View file

@ -102,7 +102,7 @@ code {
&.highlighter-rouge { &.highlighter-rouge {
font-size: $code-font-size; font-size: $code-font-size;
padding: 3px 5px; padding: 3px 6px;
word-break: break-word; word-break: break-word;
border-radius: 4px; border-radius: 4px;
background-color: var(--inline-code-bg); background-color: var(--inline-code-bg);

2
_sass/colors/syntax-dark.scss
View file

@ -7,7 +7,7 @@
--highlight-bg-color: #151515; --highlight-bg-color: #151515;
--highlighter-rouge-color: #c9def1; --highlighter-rouge-color: #c9def1;
--highlight-lineno-color: #808080; --highlight-lineno-color: #808080;
--inline-code-bg: #323238; --inline-code-bg: rgba(255, 255, 255, 0.05);
--code-color: #b0b0b0; --code-color: #b0b0b0;
--code-header-text-color: #6a6a6a; --code-header-text-color: #6a6a6a;
--code-header-muted-color: #353535; --code-header-muted-color: #353535;

6
_sass/colors/syntax-light.scss
View file

@ -8,17 +8,13 @@
--highlight-bg-color: #f6f8fa; --highlight-bg-color: #f6f8fa;
--highlighter-rouge-color: #3f596f; --highlighter-rouge-color: #3f596f;
--highlight-lineno-color: #9e9e9e; --highlight-lineno-color: #9e9e9e;
--inline-code-bg: #f6f6f7; --inline-code-bg: rgba(25, 25, 28, 0.05);
--code-color: #3a3a3a; --code-color: #3a3a3a;
--code-header-text-color: #a3a3a3; --code-header-text-color: #a3a3a3;
--code-header-muted-color: #e5e5e5; --code-header-muted-color: #e5e5e5;
--code-header-icon-color: #c9c8c8; --code-header-icon-color: #c9c8c8;
--clipboard-checked-color: #43c743; --clipboard-checked-color: #43c743;
[class^='prompt-'] {
--inline-code-bg: #fbfafa;
}
/* --- Syntax highlight theme from `rougify style github` --- */ /* --- Syntax highlight theme from `rougify style github` --- */
.highlight table td { .highlight table td {