mirror of
https://github.com/FranP-code/Pomodoro-Timer-with-Clockify-integration.git
synced 2025-10-12 23:52:30 +00:00
Dark mode done
This commit is contained in:
@@ -1,7 +1,17 @@
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.identify-container {
|
||||
|
||||
&:has {
|
||||
height: 100%;
|
||||
}
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
flex-grow: 1;
|
||||
|
||||
.error-message-container {
|
||||
width: 70vw;
|
||||
@@ -94,4 +104,41 @@
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.identify-container.dark-mode-component {
|
||||
|
||||
background-color: $second-color-dark;
|
||||
|
||||
.identify {
|
||||
|
||||
.options-container {
|
||||
|
||||
.option {
|
||||
background-color: $light-color-dark;
|
||||
}
|
||||
|
||||
.active-option{
|
||||
background-color: $light-color-dark-darker;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.form-container {
|
||||
|
||||
form {
|
||||
|
||||
input {
|
||||
|
||||
color: white;
|
||||
|
||||
background: none;
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
background-color: $main-color-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user