Skip to content

Commit afe9fa4

Browse files
CatCodeMeCatCodeMe
committed
调整 aside 配色方案
1 parent 23a66f9 commit afe9fa4

13 files changed

Lines changed: 46 additions & 41 deletions

File tree

‎packages/pure/components/pages/Paper.astro‎

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,19 @@ const starCount = data.star ? Math.min(Math.max(data.star, 0), 5) : 0
8787
}
8888
</div>
8989

90+
<!-- Author list -->
91+
{
92+
Array.isArray(data.author) &&
93+
data.author.length > 0 && (
94+
<div class='mt-2 text-sm text-zinc-500 dark:text-zinc-400'>
95+
<span class='flex items-center gap-1.5'>
96+
<Icon name='brain' class='size-4' />
97+
{data.author.map((author: string) => author.trim()).join(', ')}
98+
</span>
99+
</div>
100+
)
101+
}
102+
90103
{/* 元信息 - 发布日期和引用数 */}
91104
<div class='mt-2 flex items-center gap-4 text-sm text-zinc-500 dark:text-zinc-400'>
92105
<span class='flex items-center gap-1.5'>
@@ -101,14 +114,6 @@ const starCount = data.star ? Math.min(Math.max(data.star, 0), 5) : 0
101114
</span>
102115
)
103116
}
104-
{
105-
Array.isArray(data.author) && data.author.length > 0 && (
106-
<span class='flex items-center gap-1.5'>
107-
<Icon name='brain' class='size-4' />
108-
{data.author.map((author: string) => author.trim()).join(', ')}
109-
</span>
110-
)
111-
}
112117
</div>
113118

114119
{/* 元信息 - DOI 和 ISBN */}

‎packages/pure/components/pages/PostPreview.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ const postDate = data.updatedDate ?? data.publishDate
119119
<ul class='tag-list mt-1 flex flex-wrap gap-2'>
120120
{data.tags.map((tag: string) => (
121121
<li>
122-
<Button title={tag} href={`/tags/${tag}`} variant='pill' />
122+
<Button title={tag} href={`/tags/${tag}`} style='pill' />
123123
</li>
124124
))}
125125
</ul>

‎src/assets/styles/callout.css‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -35,86 +35,86 @@
3535

3636
/* --- Light Mode --- */
3737
.aside.aside-note {
38-
background-color: rgb(142 150 170 / 14%);
38+
background-color: rgb(100 116 139 / 14%);
3939
}
4040
.aside.aside-note .aside-title {
41-
color: #656869;
41+
color: #334155;
4242
}
4343

4444
.aside.aside-tip {
45-
background-color: rgb(16 185 129 / 14%);
45+
background-color: rgb(20 184 166 / 14%);
4646
}
4747
.aside.aside-tip .aside-title {
48-
color: #18794e;
48+
color: #0d9488;
4949
}
5050

5151
.aside.aside-info {
52-
background-color: rgb(27 178 229 / 14%);
52+
background-color: rgb(56 189 248 / 14%);
5353
}
5454
.aside.aside-info .aside-title {
55-
color: #2888a7;
55+
color: #0369a1;
5656
}
5757

5858
.aside.aside-warning {
5959
background-color: rgb(251 146 60 / 14%);
6060
}
6161
.aside.aside-warning .aside-title {
62-
color: #915930;
62+
color: #c2410c;
6363
}
6464

6565
.aside.aside-caution {
6666
background-color: rgb(251 113 133 / 14%);
6767
}
6868
.aside.aside-caution .aside-title {
69-
color: #b8272c;
69+
color: #be123c;
7070
}
7171

7272
.aside.aside-important {
73-
background-color: rgb(159 122 234 / 14%);
73+
background-color: rgb(139 92 246 / 14%);
7474
}
7575
.aside.aside-important .aside-title {
76-
color: #6f42c1;
76+
color: #6d28d9;
7777
}
7878

7979
/* --- Dark Mode --- */
8080
html.dark .aside.aside-note {
81-
background-color: rgb(142 150 170 / 14%);
81+
background-color: rgb(100 116 139 / 16%);
8282
}
8383
html.dark .aside.aside-note .aside-title {
84-
color: #e4e4e9;
84+
color: #94a3b8;
8585
}
8686

8787
html.dark .aside.aside-tip {
88-
background-color: rgb(16 185 129 / 16%);
88+
background-color: rgb(20 184 166 / 16%);
8989
}
9090
html.dark .aside.aside-tip .aside-title {
91-
color: #3dd68c;
91+
color: #2dd4bf;
9292
}
9393

9494
html.dark .aside.aside-info {
95-
background-color: rgb(27 178 229 / 16%);
95+
background-color: rgb(56 189 248 / 16%);
9696
}
9797
html.dark .aside.aside-info .aside-title {
98-
color: #43bde2;
98+
color: #38bdf8;
9999
}
100100

101101
html.dark .aside.aside-warning {
102102
background-color: rgb(251 146 60 / 16%);
103103
}
104104
html.dark .aside.aside-warning .aside-title {
105-
color: #fdba74;
105+
color: #fb923c;
106106
}
107107

108108
html.dark .aside.aside-caution {
109-
background-color: rgb(244 63 94 / 16%);
109+
background-color: rgb(251 113 133 / 16%);
110110
}
111111
html.dark .aside.aside-caution .aside-title {
112-
color: #ff7875;
112+
color: #fb7185;
113113
}
114114

115115
html.dark .aside.aside-important {
116-
background-color: rgb(159 122 234 / 16%);
116+
background-color: rgb(139 92 246 / 16%);
117117
}
118118
html.dark .aside.aside-important .aside-title {
119-
color: #b392f0;
119+
color: #a78bfa;
120120
}

‎src/layouts/ContentLayout.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const { meta, highlightColor, back = '/', hasToc = false, ...props } = Astro.pro
2525
<Button
2626
title='Back'
2727
href={back}
28-
variant='back'
28+
style='back'
2929
class='fixed bottom-4 left-4 z-50 md:bottom-8 md:left-8'
3030
/>
3131
<main class='mt-6 items-start gap-x-10 md:flex'>

‎src/layouts/IndividualPage.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ const socialImage = heroImage?.src ?? '/images/social-card.png'
2323
---
2424

2525
<PageLayout meta={{ title, description, ogImage: socialImage }}>
26-
<Button title='Back' href={back ?? '/'} variant='back' />
26+
<Button title='Back' href={back ?? '/'} style='back' />
2727
<main class='mt-6 items-start gap-x-10 md:flex lg:mt-10'>
2828
{
2929
!!headings.length && (

‎src/pages/404.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,6 @@ const meta = {
1313
<h1 class='block text-7xl font-bold sm:text-9xl'>404</h1>
1414
<p class='mt-3 text-muted-foreground'>Oops, something went wrong.</p>
1515
<p class='text-lg'>Sorry, we couldn't find your page.</p>
16-
<Button title='Back to home' href='/' variant='ahead' class='mt-5' />
16+
<Button title='Back to home' href='/' style='ahead' class='mt-5' />
1717
</div>
1818
</PageLayout>

‎src/pages/about/index.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -194,7 +194,7 @@ import ToolSection from '@/components/tools/ToolSection.astro'
194194
>
195195
</li>
196196
<li>
197-
Icons: from <a href='https://iconify.design/' class='external-link not-prose' target='_blank'
197+
Icons: from <a href='https://iconify.design/' target='_blank'
198198
>Iconify</a
199199
> & <a href='https://lobehub.com/icons' target='_blank'>lobehub</a>, some icons from `GPT-4o`
200200
</li>

‎src/pages/archives/index.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const meta = {
1717
---
1818

1919
<PageLayout {meta}>
20-
<Button title='Back' href='/blog' variant='back' />
20+
<Button title='Back' href='/blog' style='back' />
2121

2222
<main class='mt-6 lg:mt-10'>
2323
<div id='content-header' class='animate'>

‎src/pages/blog/[...page].astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ const paginationProps = {
5050
---
5151

5252
<PageLayout {meta}>
53-
<Button title='Back' href='/' variant='back' />
53+
<Button title='Back' href='/' style='back' />
5454
<main class='mt-6 lg:mt-10'>
5555
<div id='content-header' class='animate'>
5656
<h1 class='mb-6 mt-6 text-3xl font-medium sm:mt-10'>Blog</h1>

‎src/pages/search/index.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ const meta = {
1111
---
1212

1313
<PageLayout {meta}>
14-
<Button title='Back' href='/blog' variant='back' />
14+
<Button title='Back' href='/blog' style='back' />
1515
<main class='mt-6 lg:mt-10'>
1616
<div id='content-header' class='animate'>
1717
<h1 class='mb-6 text-3xl font-medium'>Search</h1>

0 commit comments

Comments
 (0)