hatecomputers.club/static/css/colors.css

56 lines
1.6 KiB
CSS
Raw Normal View History

2024-03-26 18:00:05 -04:00
:root {
2024-03-27 21:53:04 -04:00
--background-color-light: #f4e8e9;
--background-color-light-2: #f5e6f3;
2024-03-27 21:53:04 -04:00
--text-color-light: #333;
--confirm-color-light: #91d9bb;
2024-03-27 21:53:04 -04:00
--link-color-light: #d291bc;
2024-03-28 00:55:22 -04:00
--container-bg-light: #fff7f87a;
--border-color-light: #692fcc;
--error-color-light: #a83254;
--tr-color-light: #8bcefa;
2024-03-27 21:53:04 -04:00
--background-color-dark: #333;
2024-03-28 00:55:22 -04:00
--background-color-dark-2: #2c2c2c;
2024-03-27 21:53:04 -04:00
--text-color-dark: #f4e8e9;
--confirm-color-dark: #4d8f73;
2024-03-27 21:53:04 -04:00
--link-color-dark: #b86b77;
2024-03-28 00:55:22 -04:00
--container-bg-dark: #424242ea;
--border-color-dark: #956ade;
--error-color-dark: #851736;
--tr-color-dark: #212a6a;
2024-03-26 18:00:05 -04:00
}
[data-theme="DARK"] {
2024-03-27 21:53:04 -04:00
--background-color: var(--background-color-dark);
2024-03-28 00:55:22 -04:00
--background-color-2: var(--background-color-dark-2);
2024-03-27 21:53:04 -04:00
--text-color: var(--text-color-dark);
--link-color: var(--link-color-dark);
--container-bg: var(--container-bg-dark);
2024-03-28 00:55:22 -04:00
--border-color: var(--border-color-dark);
--error-color: var(--error-color-dark);
--confirm-color: var(--confirm-color-dark);
--tr-color: var(--tr-color-dark);
2024-03-27 21:53:04 -04:00
}
[data-theme="LIGHT"] {
--background-color: var(--background-color-light);
2024-03-28 00:55:22 -04:00
--background-color-2: var(--background-color-light-2);
2024-03-27 21:53:04 -04:00
--text-color: var(--text-color-light);
--link-color: var(--link-color-light);
--container-bg: var(--container-bg-light);
2024-03-28 00:55:22 -04:00
--border-color: var(--border-color-light);
--error-color: var(--error-color-light);
--confirm-color: var(--confirm-color-light);
--tr-color: var(--tr-color-light);
}
.error {
background-color: var(--error-color);
padding: 1rem;
2024-03-26 18:00:05 -04:00
}
.success {
background-color: var(--confirm-color);
padding: 1rem;
}