eightball/PluralKit
1
0
Fork 0
mirror of https://github.com/PluralKit/PluralKit.git synced 2026-02-12 08:40:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add darkmode

Browse source
This commit is contained in:
Spectralitree 2020-12-09 17:45:11 +01:00
parent 18ee1a14ae
commit bc13cced34
10 changed files with 898 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

60
src/Custom.scss Normal file
View file

@ -0,0 +1,60 @@
.dark-mode {
background-color: $gray-800;
transition: background-color 0.3s ease;
}
.dark-mode .card {
color: $white;
background-color: $gray-800;
border: 1px solid $gray-900 !important;
transition: background-color 0.3s ease;
}
.dark-mode .card-body {
color: $white;
background-color: $gray-800;
transition: background-color 0.3s ease;
}
.dark-mode .card .card-header {
color: $gray-100;
background-color: $gray-900;
transition: background-color 0.3s ease;
}
.navbar-light {
background-color: $gray-100;
}
.dark-mode .navbar-light {
color: $gray-100;
background-color: $gray-900;
transition: background-color 0.3s ease;
}
.dark-mode .navbar-brand {
color: $gray-100 !important;
}
.dark-mode .form-control {
color: $gray-100;
border-color: #000000;
background-color: $gray-900;
transition: background-color 0.3s ease;
}
.dark-mode .form-control:focus {
color: $gray-200;
border-color: #000000;
background-color: $gray-900;
transition: background-color 0.3s ease;
}
.dark-mode .alert-danger {
color: $white;
background-color: $red;
border: $gray-900;
transition: background-color 0.3s ease;
}
@import "~bootstrap/scss/bootstrap";