110 lines
1.8 KiB
CSS
110 lines
1.8 KiB
CSS
[data-theme='dark']{
|
|
--tint0: #000000; /* 0% */
|
|
--tint1: #0b0c0e; /* 5% */
|
|
--tint2: #16181d; /* 10% */
|
|
--tint3: #21252b; /* 15% */
|
|
--tint4: #2c313a; /* 20% */
|
|
--tint5: #373d48; /* 25% */
|
|
|
|
|
|
--text: #FFFFFF;
|
|
--text2:#000000;
|
|
|
|
--accent1: #44c1ee;
|
|
--accent2: #0b235f;
|
|
--disable: #030918;
|
|
}
|
|
|
|
[data-theme='light']{
|
|
--tint0: #FFFFFF; /* 100% */
|
|
--tint1: #f4f1f1; /* 95% */
|
|
--tint2: #e8e4e3; /* 90% */
|
|
--tint3: #ddd6d5; /* 85% */
|
|
--tint4: #d2c8c6; /* 80% */
|
|
--tint5: #c6bab8; /* 75% */
|
|
|
|
--text: #000000;
|
|
--text2:#FFFFFF;
|
|
|
|
--accent1: #44c1ee;
|
|
--accent2: #113388;
|
|
--disable: #061231;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
margin: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
|
sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
code {
|
|
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
|
monospace;
|
|
}
|
|
|
|
.modal{
|
|
padding: 10px;
|
|
min-width: 200px;
|
|
min-height: 100px;
|
|
}
|
|
|
|
.loading{
|
|
width: 40px;
|
|
height: 40px;
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
|
|
@keyframes spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
input{
|
|
background-color: var(--tint2);
|
|
color: var(--text);
|
|
border-color: var(--tint5);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
button{
|
|
color: var(--text);
|
|
background-color: var(--tint3);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
select{
|
|
color: var(--text);
|
|
background-color: var(--tint3);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.deleteButton{
|
|
background-color: #FF0000;
|
|
border-color: #AA0000;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.addButton{
|
|
background-color: var(--tint5);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.top_left_loading{
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.center_loading{
|
|
position: absolute;
|
|
inset: 0;
|
|
place-items: center;
|
|
pointer-events: none;
|
|
} |