2022-08-04 11:12:22 +02:00
|
|
|
*,
|
|
|
|
*::before,
|
|
|
|
*::after {
|
2022-08-27 14:32:20 +02:00
|
|
|
box-sizing: border-box;
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
width: 7px;
|
|
|
|
height: 7px;
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-scrollbar-corner {
|
|
|
|
background: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-scrollbar-track {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-scrollbar-thumb {
|
2022-09-05 13:35:38 +02:00
|
|
|
background: rgb(112, 112, 112);
|
2022-08-27 14:32:20 +02:00
|
|
|
border-radius: 5px;
|
2022-08-04 11:12:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
:root {
|
2022-08-27 14:32:20 +02:00
|
|
|
--white: rgb(255, 255, 255);
|
|
|
|
--light: rgb(219, 219, 219);
|
|
|
|
--grey: rgb(128, 128, 128);
|
2022-09-05 13:35:38 +02:00
|
|
|
--dark: rgb(38, 38, 38);
|
2022-08-27 14:32:20 +02:00
|
|
|
--black: rgb(24, 24, 24);
|
2022-08-04 11:12:22 +02:00
|
|
|
|
2022-08-27 14:32:20 +02:00
|
|
|
--red: #ff000d;
|
|
|
|
--blue: #00A8FF;
|
|
|
|
--green: rgb(0, 167, 28);
|
|
|
|
--purple: rgb(132, 0, 255);
|
|
|
|
--orange: rgb(255, 164, 27);
|
2022-08-04 11:12:22 +02:00
|
|
|
|
2022-08-27 14:32:20 +02:00
|
|
|
--primary: var(--black);
|
|
|
|
--secondary: var(--dark);
|
|
|
|
--tertiary: var(--light);
|
|
|
|
--bg: var(--white);
|
2022-08-04 11:12:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
[data-theme="dark"] {
|
2022-08-27 14:32:20 +02:00
|
|
|
--primary: var(--white);
|
|
|
|
--secondary: var(--light);
|
|
|
|
--tertiary: var(--dark);
|
|
|
|
--bg: var(--black);
|
2022-08-04 11:12:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
html {
|
2022-08-27 14:32:20 +02:00
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
-ms-text-size-adjust: 100%;
|
|
|
|
-ms-overflow-style: scrollbar;
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
2022-08-04 11:12:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
2022-08-27 14:32:20 +02:00
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
scroll-behavior: smooth;
|
2022-08-04 11:12:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
html,
|
|
|
|
body {
|
2022-08-27 14:32:20 +02:00
|
|
|
font-family: 'Segoe UI', sans-serif;
|
|
|
|
font-size: var(--s);
|
|
|
|
font-weight: 300;
|
|
|
|
color: var(--secondary);
|
2022-08-04 11:12:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
hr {
|
2022-08-27 14:32:20 +02:00
|
|
|
box-sizing: content-box;
|
|
|
|
height: 0;
|
|
|
|
overflow: visible;
|
2022-08-04 11:12:22 +02:00
|
|
|
}
|
|
|
|
|
2022-09-05 13:35:38 +02:00
|
|
|
.dark-bg{
|
|
|
|
background-color: rgb(171, 171, 171);
|
2022-08-04 11:12:22 +02:00
|
|
|
}
|
|
|
|
|
2022-09-05 13:35:38 +02:00
|
|
|
[data-theme="dark"] .dark-bg {
|
2022-08-27 14:32:20 +02:00
|
|
|
background-color: rgb(54, 54, 54);
|
2022-08-04 11:12:22 +02:00
|
|
|
}
|