neon/saahildcom
1
0
Fork 0
mirror of https://github.com/NeonGamerBot-QK/saahild.com.git synced 2024-11-21 20:33:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: on some devices text is dark (#1)

Browse source
This commit is contained in:
Saahil dutta 2024-09-01 00:01:23 -04:00 committed by GitHub
parent 61fa4122b9
commit da1618b5f1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 23 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/index.css
View file

@ -2,6 +2,7 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
:root { :root {
--rosewater: #f5e0dc; --rosewater: #f5e0dc;
--flamingo: #f2cdcd; --flamingo: #f2cdcd;
@ -29,23 +30,27 @@
--base: #1e1e2e; --base: #1e1e2e;
--mantle: #181825; --mantle: #181825;
--crust: #11111b; --crust: #11111b;
} }
.mauve {
.mauve {
color: var(--mauve) color: var(--mauve)
} }
.text-highlight {
.text-highlight {
color: var(--mauve); color: var(--mauve);
/* color: linear-gradient(var(--mauve), var(--mantle); */ /* color: linear-gradient(var(--mauve), var(--mantle); */
/* -webkit-background-clip: text; */ /* -webkit-background-clip: text; */
/* -webkit-text-fill-color: transparent; */ /* -webkit-text-fill-color: transparent; */
@apply ease-in duration-500; @apply ease-in duration-500;
} }
.text-highlight:hover {
.text-highlight:hover {
background: linear-gradient(var(--mauve), var(--yellow)); background: linear-gradient(var(--mauve), var(--yellow));
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
body { body {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
@ -53,6 +58,7 @@ body {
sans-serif; sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
color: var(--text);
} }
code { code {