~repos /website
git clone https://pyrossh.dev/repos/website.git
木 Personal website of pyrossh. Built with astrojs, shiki, vite.
d457bc71
—
pyrossh 2 months ago
fix theming
src/layouts/Base.css
CHANGED
|
@@ -9,7 +9,9 @@
|
|
|
9
9
|
--color-link: light-dark(hsl(211, 100%, 60%), hsl(211, 100%, 60%));
|
|
10
10
|
--color-post-link: light-dark(hsl(0, 0%, 0%), hsl(211, 100%, 60%));
|
|
11
11
|
--color-highlight-bg: light-dark(hsl(184, 73%, 76%), hsl(260, 70%, 56%));
|
|
12
|
-
--color-code-fg: light-dark(hsl(348, 86%, 43%), hsl(
|
|
12
|
+
--color-code-fg: light-dark(hsl(348, 86%, 43%), hsl(348, 86%, 80%));
|
|
13
|
+
--color-code-bg: light-dark(hsl(210, 40%, 96%), hsl(0, 0%, 0%));
|
|
14
|
+
--color-pre-bg: light-dark(hsl(210, 13%, 9%), hsl(0, 0%, 0%));
|
|
13
15
|
--color-md-table-bg: light-dark(hsl(210, 11%, 23%), hsl(210, 11%, 23%));
|
|
14
16
|
--btn-light: none;
|
|
15
17
|
--btn-dark: block;
|
src/pages/posts/[...slug].astro
CHANGED
|
@@ -70,8 +70,8 @@ const { Content } = await render(Astro.props);
|
|
|
70
70
|
li {
|
|
71
71
|
font-size: 1.1rem;
|
|
72
72
|
code {
|
|
73
|
-
color: var(--color-code-fg);
|
|
73
|
+
color: var(--color-code-fg) !important;
|
|
74
|
-
background
|
|
74
|
+
background: var(--color-code-bg) !important;
|
|
75
75
|
word-wrap: break-word;
|
|
76
76
|
box-decoration-break: clone;
|
|
77
77
|
padding: 2px 4px;
|
|
@@ -99,6 +99,7 @@ const { Content } = await render(Astro.props);
|
|
|
99
99
|
line-height: 1.6;
|
|
100
100
|
padding: 16px;
|
|
101
101
|
margin: 12px 0px;
|
|
102
|
+
background: var(--color-pre-bg) !important;
|
|
102
103
|
}
|
|
103
104
|
}
|
|
104
105
|
</style>
|
src/pages/repos/[...slug]/index.astro
CHANGED
|
@@ -89,8 +89,8 @@ const { Content } = await render(Astro.props);
|
|
|
89
89
|
li {
|
|
90
90
|
font-size: 1.1rem;
|
|
91
91
|
code {
|
|
92
|
-
color: var(--color-code-fg);
|
|
92
|
+
color: var(--color-code-fg) !important;
|
|
93
|
-
background
|
|
93
|
+
background: var(--color-code-bg) !important;
|
|
94
94
|
word-wrap: break-word;
|
|
95
95
|
box-decoration-break: clone;
|
|
96
96
|
padding: 2px 4px;
|
|
@@ -118,7 +118,7 @@ const { Content } = await render(Astro.props);
|
|
|
118
118
|
line-height: 1.6;
|
|
119
119
|
padding: 16px;
|
|
120
120
|
margin: 12px 0px;
|
|
121
|
-
|
|
121
|
+
background: var(--color-pre-bg) !important;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
blockquote {
|