Change selection color

This commit is contained in:
Ivan R. 2023-10-01 11:21:33 +05:00
parent 73f95fb831
commit 7c0039902b
No known key found for this signature in database
GPG key ID: 56C7BAAE859B302C

View file

@ -31,7 +31,8 @@ const { title } = Astro.props;
<style is:global> <style is:global>
:root { :root {
--link: #b283e5; --bg: #13151a;
--accent: #b283e5;
} }
@font-face { @font-face {
font-family: "Lora"; font-family: "Lora";
@ -46,11 +47,15 @@ const { title } = Astro.props;
} }
html { html {
font-family: "Lora", system-ui, sans-serif; font-family: "Lora", system-ui, sans-serif;
background: #13151A; background-color: var(--bg);
background-size: 224px; background-size: 224px;
color: white; color: white;
font-size: 16px; font-size: 16px;
} }
*::selection {
background-color: var(--accent);
color: var(--bg);
}
body { body {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -61,7 +66,7 @@ const { title } = Astro.props;
width: 100%; width: 100%;
} }
a { a {
color: var(--link); color: var(--accent);
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {