Add selection style

This commit is contained in:
Defectink
2022-03-28 13:21:48 +08:00
parent 2d9e2c3c8c
commit d68b4523ef
4 changed files with 13 additions and 2 deletions

View File

@ -18,7 +18,7 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
return (
<>
<Head>
<link rel="shortcut icon" href="/images/img/favicon.webp" />
<link rel="shortcut icon" href="/images/img/favicon.ico" />
<meta name="keywords" content="Blog RUA" />
<meta name="description" content="Personal blog." />
<meta name="author" content="Arthur,i@rua.plus" />

BIN
public/images/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -6,6 +6,17 @@
scroll-behavior: smooth;
}
*::selection {
background: hsl(230, 1%, 90%);
color: inherit;
}
.dark *::selection {
background: hsl(220, 13%, 28%);
color: inherit;
text-shadow: none;
}
/*
font-family: 'Aleo', serif;
font-family: 'Aref Ruqaa', serif;

View File

@ -38,7 +38,7 @@ h4:hover::before,
h5:hover::before,
h6:hover::before {
content: '#';
left: -1.6rem;
left: -1.7rem;
@apply absolute text-gray-400;
}