~repos /website
git clone https://pyrossh.dev/repos/website.git
木 Personal website of pyrossh. Built with astrojs, shiki, vite.
c1533547
—
pyrossh 2 months ago
update colors
- src/layouts/Base.css +5 -7
- src/pages/index.module.css +2 -2
src/layouts/Base.css
CHANGED
|
@@ -3,16 +3,14 @@
|
|
|
3
3
|
--color-white: light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 100%));
|
|
4
4
|
--color-accent: light-dark(hsl(65, 92%, 76%), hsl(65, 92%, 76%));
|
|
5
5
|
--color-body-bg: light-dark(hsl(0, 0%, 100%), hsl(210, 13%, 15%));
|
|
6
|
+
--color-box-bg: light-dark(hsl(0, 0%, 95%), hsl(210, 13%, 9%));
|
|
6
7
|
--color-text: light-dark(hsl(0, 0%, 13%), hsl(210, 17%, 98%));
|
|
7
|
-
--color-card-link: light-dark(hsl(241, 100%, 40%), hsl(211, 100%, 60%));
|
|
8
|
-
--color-box-bg: light-dark(hsl(210, 40%, 96%), hsl(210, 13%, 9%));
|
|
9
|
-
--color-link: light-dark(hsl(211, 100%,
|
|
8
|
+
--color-link: light-dark(hsl(211, 100%, 45%), hsl(211, 100%, 60%));
|
|
10
9
|
--color-post-link: light-dark(hsl(0, 0%, 0%), hsl(211, 100%, 60%));
|
|
11
|
-
--color-highlight-bg: light-dark(hsl(
|
|
10
|
+
--color-highlight-bg: light-dark(hsl(183, 80%, 88%), hsl(183, 80%, 18%));
|
|
12
11
|
--color-code-fg: light-dark(hsl(348, 86%, 43%), hsl(348, 86%, 80%));
|
|
13
|
-
--color-code-bg: light-dark(hsl(
|
|
12
|
+
--color-code-bg: light-dark(hsl(0, 0%, 95%), hsl(0, 0%, 0%));
|
|
14
|
-
--color-pre-bg: light-dark(hsl(
|
|
13
|
+
--color-pre-bg: light-dark(hsl(0, 0%, 95%), hsl(0, 0%, 0%));
|
|
15
|
-
--color-md-table-bg: light-dark(hsl(210, 11%, 23%), hsl(210, 11%, 23%));
|
|
16
14
|
--btn-light: none;
|
|
17
15
|
--btn-dark: block;
|
|
18
16
|
.astro-code, .astro-code span {
|
src/pages/index.module.css
CHANGED
|
@@ -86,11 +86,11 @@ section {
|
|
|
86
86
|
font-size: 0.95rem;
|
|
87
87
|
|
|
88
88
|
a {
|
|
89
|
-
color: var(--color-
|
|
89
|
+
color: var(--color-link);
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
h4 {
|
|
93
|
-
font-size: 1.
|
|
93
|
+
font-size: 1.05rem;
|
|
94
94
|
font-weight: 500;
|
|
95
95
|
line-height: 1.2;
|
|
96
96
|
border-bottom: 1px solid #495057;
|