46 lines
No EOL
1.1 KiB
CSS
46 lines
No EOL
1.1 KiB
CSS
:root {
|
|
--background-color: #1d2021;
|
|
--light-background-color: #32302f;
|
|
--text-color: #fbf1c7;
|
|
--light-text-color: #d5c4a1;
|
|
--highlight-color: #fb4934;
|
|
font-family: 'Roboto Mono', monospace;
|
|
}
|
|
|
|
body {
|
|
overflow: hidden;
|
|
background-color: var(--background-color) !important;
|
|
color-scheme: light dark;
|
|
background-position: center center;
|
|
background-size: cover;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
|
|
}
|
|
|
|
.greetings-span {
|
|
color: var(--text-color);
|
|
font-size: 2rem;
|
|
}
|
|
|
|
ion-icon[name="settings-outline"] {
|
|
color: var(--text-color);
|
|
font-size: 3rem;
|
|
position: absolute;
|
|
top: 2%;
|
|
right: 2%;
|
|
background-color: var(--background-color);
|
|
border: var(--light-text-color) 3px solid;
|
|
border-radius: 50vh;
|
|
padding: 1%;
|
|
transition: 750ms;
|
|
}
|
|
|
|
ion-icon[name="settings-outline"]:hover {
|
|
background-color: var(--light-background-color);
|
|
border-color: var(--highlight-color);
|
|
cursor: pointer;
|
|
transform: scale(1.25) rotate(360deg);
|
|
} |