Skip to content

Commit c6a751a

Browse files
committed
feat: Added initial multi scheme support
1 parent 0c846d8 commit c6a751a

File tree

10 files changed

+74
-32
lines changed

10 files changed

+74
-32
lines changed

src/LinkDotNet.Blog.Web/Features/Admin/Dashboard/Components/VisitCountPerPage.razor

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333
@foreach (var date in visitData)
3434
{
3535
<tr>
36-
<td><a class="link-light" href="blogPost/@date.Id">@date.Title</a></td>
36+
<td><a class="link" href="blogPost/@date.Id">@date.Title</a></td>
3737
<td>@date.ClickCount</td>
3838
<td>@date.Likes</td>
3939
</tr>
@@ -91,4 +91,4 @@
9191
filter = newBeginning;
9292
visitData = await LoadBlogPostInformationAsync();
9393
}
94-
}
94+
}

src/LinkDotNet.Blog.Web/Features/Archive/ArchivePage.razor

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
<ul class="ps-5">
2121
@foreach (var blogPost in yearGroup.OrderByDescending(b => b.UpdatedDate))
2222
{
23-
<li class="pt-1"><a class="link-light" href="/blogPost/@blogPost.Id">@blogPost.Title</a></li>
23+
<li class="pt-1"><a href="/blogPost/@blogPost.Id">@blogPost.Title</a></li>
2424
}
2525
</ul>
2626
}
@@ -44,4 +44,4 @@
4444
}
4545

4646
private sealed record BlogPostPerYear(string Id, string Title, DateTime UpdatedDate);
47-
}
47+
}

src/LinkDotNet.Blog.Web/Features/Home/Components/BlogPostNavigation.razor

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,10 @@
33
<nav aria-label="Page navigation">
44
<ul class="pagination justify-content-center">
55
<li class="page-item @(!PageList.IsFirstPage && PageList.Count > 0 ? string.Empty : "disabled")">
6-
<Anchor CssClass="page-link link-light" Href="@PreviousPageLink">Previous</Anchor>
6+
<Anchor CssClass="page-link" Href="@PreviousPageLink">Previous</Anchor>
77
</li>
88
<li class="page-item @(!PageList.IsLastPage && PageList.Count > 0 ? string.Empty : "disabled")">
9-
<Anchor CssClass="page-link link-light" Href="@NextPageLink">Next</Anchor>
9+
<Anchor CssClass="page-link" Href="@NextPageLink">Next</Anchor>
1010
</li>
1111
</ul>
1212
</nav>
@@ -17,4 +17,4 @@
1717

1818
private string PreviousPageLink => PageList.IsFirstPage ? string.Empty : $"/{PageList.PageNumber - 1}";
1919
private string NextPageLink => PageList.IsLastPage ? string.Empty : $"/{PageList.PageNumber + 1}";
20-
}
20+
}

src/LinkDotNet.Blog.Web/Features/Home/Components/SocialAccounts.razor

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,19 @@
22
<div class="d-flex flex-row justify-content-center" style="font-size: 1.25em;">
33
@if (Social.HasLinkedinAccount)
44
{
5-
<a id="linkedin" class="nav-link link-light" target="_blank" href="@Social.LinkedinAccountUrl" aria-label="LinkedIn" rel="noreferrer">
5+
<a id="linkedin" class="nav-link" target="_blank" href="@Social.LinkedinAccountUrl" aria-label="LinkedIn" rel="noreferrer">
66
<i class="linkedin"></i>
77
</a>
88
}
99
@if (Social.HasGithubAccount)
1010
{
11-
<a id="github" class="nav-link link-light" target="_blank" href="@Social.GithubAccountUrl" aria-label="Github" rel="noreferrer">
11+
<a id="github" class="nav-link" target="_blank" href="@Social.GithubAccountUrl" aria-label="Github" rel="noreferrer">
1212
<i class="github"></i>
1313
</a>
1414
}
1515
@if (Social.HasTwitterAccount)
1616
{
17-
<a id="twitter" class="nav-link link-light" target="_blank" href="@Social.TwitterAccountUrl" aria-label="Twitter" rel="noreferrer">
17+
<a id="twitter" class="nav-link" target="_blank" href="@Social.TwitterAccountUrl" aria-label="Twitter" rel="noreferrer">
1818
<i class="twitter"></i>
1919
</a>
2020
}
@@ -24,4 +24,4 @@
2424

2525
[Parameter]
2626
public Social Social { get; set; }
27-
}
27+
}
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
<a href="https://github.com/sponsors/@Name" class="text-decoration-none border border-dark rounded p-1 link-light">
1+
<a href="https://github.com/sponsors/@Name" class="text-decoration-none border border-dark rounded p-1 link">
22
<i class="github"></i> Sponsors
33
</a>
44
@code {
55
[Parameter]
66
public string Name { get; set; }
7-
}
7+
}

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/Like.razor.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,10 @@
1919
0% { background-position: left; }
2020
50% { background-position: right; }
2121
100% { background-position: right; }
22-
}
22+
}
23+
24+
@media (prefers-color-scheme: light) {
25+
.clap-btn {
26+
filter: invert(100%);
27+
}
28+
}

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/ShareBlogPost.razor

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
@inject IToastService ToastService
44

55
<div class="flex-row" style="font-size: 1.5em">
6-
<a class="text-decoration-none link-light" id="share-linkedin" href="@LinkedInShare" target="_blank" rel="noreferrer"><i class="linkedin"></i></a>
7-
<a class="text-decoration-none link-light" id="share-clipboard" href="javascript:void(0)" @onclick="CopyToClipboard"><i class="copy"></i></a>
6+
<a class="text-decoration-none" id="share-linkedin" href="@LinkedInShare" target="_blank" rel="noreferrer"><i class="linkedin"></i></a>
7+
<a class="text-decoration-none" id="share-clipboard" href="javascript:void(0)" @onclick="CopyToClipboard"><i class="copy"></i></a>
88
</div>
99
@code {
1010
private string LinkedInShare => $"https://www.linkedin.com/shareArticle?mini=true&url={NavigationManager.Uri}";
@@ -21,4 +21,4 @@
2121
ToastService.ShowError("There was an error copying the link. Please copy the link from your address bar instead.");
2222
}
2323
}
24-
}
24+
}

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -90,4 +90,4 @@ else
9090
BlogPost.Likes = hasLiked ? BlogPost.Likes + 1 : BlogPost.Likes - 1;
9191
await BlogPostRepository.StoreAsync(BlogPost);
9292
}
93-
}
93+
}

src/LinkDotNet.Blog.Web/Pages/_Layout.cshtml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"/>
1818
<meta name="msapplication-TileColor" content="#da532c" />
1919
<meta name="theme-color" content="#ffffff" />
20-
<meta name="color-scheme" content="dark" />
20+
<meta name="color-scheme" content="dark light" />
2121
<meta name="robots" content="max-image-preview:large" />
2222
<link rel="preload" href="css/fonts/icons.woff2" as="font" type="font/woff2" crossorigin />
2323
<link rel="preload" href="css/fonts/icons.woff" as="font" type="font/woff" crossorigin />
@@ -30,7 +30,7 @@
3030
</environment>
3131
<link href="LinkDotNet.Blog.Web.styles.css" rel="stylesheet"/>
3232
<link rel="preload" href="_content/Blazored.Toast/blazored-toast.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="_content/Blazored.Toast/blazored-toast.min.css"></noscript>
33-
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-night.min.css" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer"/>
33+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-unlit.min.css" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer"/>
3434
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/github-dark-dimmed.min.css" integrity="sha512-zcatBMvxa7rT7dDklfjauWsfiSFParF+hRfCdf4Zr40/MmA1gkFcBRbop0zMpvYF3FmznYFgcL8wlcuO/GwHoA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
3535
<component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
3636
</head>
@@ -54,4 +54,4 @@
5454
<script async src="components/selection.js" ></script>
5555
<script async src="components/slideshow.js" ></script>
5656
</body>
57-
</html>
57+
</html>

src/LinkDotNet.Blog.Web/wwwroot/css/basic.css

Lines changed: 47 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,55 @@
11
:root {
2-
/* Color definitions */
3-
--jaguar: rgb(17, 16, 19);
4-
--shark: rgb(40, 40, 47);
5-
--trout: rgba(78, 78, 93, 0.5);
6-
72
/* Fonts */
83
--default-font: 'Calibri';
94
--code-font: 'Lucida Console', 'Courier New';
5+
}
6+
7+
@media (prefers-color-scheme: dark) {
8+
:root {
9+
/* Color definitions */
10+
--jaguar: rgb(17, 16, 19);
11+
--shark: rgb(40, 40, 47);
12+
--trout: rgba(78, 78, 93, 0.5);
13+
14+
/* Usages */
15+
--background: var(--jaguar);
16+
--tag-background: var(--trout);
17+
18+
--background-gradient-start: var(--jaguar);
19+
--background-gradient-end: var(--shark);
20+
}
21+
22+
a {
23+
color: #9e9e9e !important;
24+
}
1025

11-
/* Usages */
12-
--background: var(--jaguar);
13-
--tag-background: var(--trout);
26+
a:hover {
27+
color: #7e7e7e !important;
28+
}
29+
}
30+
31+
@media (prefers-color-scheme: light) {
32+
:root {
33+
/* Color definitions */
34+
--wild-sand: #f4f4f4;
35+
--silver: #dadada;
36+
--waterloo: rgba(124, 124, 148, 0.5);
37+
38+
/* Usages */
39+
--background: var(--wild-sand);
40+
--tag-background: var(--waterloo);
1441

15-
--background-gradient-start: var(--jaguar);
16-
--background-gradient-end: var(--shark);
42+
--background-gradient-start: var(--wild-sand);
43+
--background-gradient-end: var(--silver);
44+
}
45+
46+
a {
47+
color: #525252 !important;
48+
}
49+
50+
a:hover {
51+
color: darkgray !important;
52+
}
1753
}
1854

1955
html {
@@ -118,4 +154,4 @@ code {
118154
position: absolute;
119155
right: 0.75rem;
120156
top: 0.5rem;
121-
}
157+
}

0 commit comments

Comments
 (0)