mirror of
https://github.com/NeonGamerBot-QK/saahild.com.git
synced 2024-11-21 12:33:38 +00:00
fix: on some devices text is dark (#1)
This commit is contained in:
parent
61fa4122b9
commit
da1618b5f1
1 changed files with 23 additions and 17 deletions
|
@ -2,6 +2,7 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
:root {
|
||||
--rosewater: #f5e0dc;
|
||||
--flamingo: #f2cdcd;
|
||||
|
@ -29,23 +30,27 @@
|
|||
--base: #1e1e2e;
|
||||
--mantle: #181825;
|
||||
--crust: #11111b;
|
||||
}
|
||||
.mauve {
|
||||
color: var(--mauve)
|
||||
}
|
||||
.text-highlight {
|
||||
color: var(--mauve);
|
||||
/* color: linear-gradient(var(--mauve), var(--mantle); */
|
||||
/* -webkit-background-clip: text; */
|
||||
/* -webkit-text-fill-color: transparent; */
|
||||
@apply ease-in duration-500;
|
||||
}
|
||||
|
||||
}
|
||||
.text-highlight:hover {
|
||||
background: linear-gradient(var(--mauve), var(--yellow));
|
||||
-webkit-background-clip: text;
|
||||
.mauve {
|
||||
color: var(--mauve)
|
||||
}
|
||||
|
||||
.text-highlight {
|
||||
color: var(--mauve);
|
||||
/* color: linear-gradient(var(--mauve), var(--mantle); */
|
||||
/* -webkit-background-clip: text; */
|
||||
/* -webkit-text-fill-color: transparent; */
|
||||
@apply ease-in duration-500;
|
||||
|
||||
}
|
||||
|
||||
.text-highlight:hover {
|
||||
background: linear-gradient(var(--mauve), var(--yellow));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
|
@ -53,6 +58,7 @@ body {
|
|||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
code {
|
||||
|
|
Loading…
Reference in a new issue