File size: 1,943 Bytes
cdf301a 9eea1c5 cdf301a 9eea1c5 cdf301a 9eea1c5 cdf301a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--background: #15171f;
/* Deeper dark background */
--foreground: #E0E0E0;
/* Light gray text */
--sidebar-background: #14141b;
/* Darker sidebar background */
--primary: #1f202a;
--secondary: #2a2b3b;
/* Soft secondary background for content */
--accent: #4a557f;
--hover-accent: #5c608a;
/* Slightly lighter accent color for hover */
--button-background: #3a3b4c;
/* Button background */
--button-hover: #2D2D38;
/* Darker button hover */
--shadow-dark: rgba(0, 0, 0, 0.15);
/* Shadow for depth */
}
@media (prefers-color-scheme: dark) {
:root {
--background: #15171f;
/* Deeper dark background */
--foreground: #E0E0E0;
/* Light gray text */
--sidebar-background: #14141b;
/* Darker sidebar background */
--primary: #1f202a;
--secondary: #2a2b3b;
/* Soft secondary background for content */
--accent: #4a557f;
--hover-accent: #5c608a;
/* Slightly lighter accent color for hover */
--button-background: #3a3b4c;
/* Button background */
--button-hover: #2D2D38;
/* Darker button hover */
--shadow-dark: rgba(0, 0, 0, 0.15);
/* Shadow for depth */
}
}
html,
body {
max-width: 100vw;
overflow-x: hidden;
}
body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
a {
color: inherit;
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
html {
color-scheme: dark;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.025);
}
}
.pulse-and-fade {
animation: fadeIn .5s ease-in-out, pulse .3s ease-in-out;
} |