mirror of
https://github.com/pierre42100/ComunicWeb
synced 2024-12-24 18:08:50 +00:00
Start to work on dark theme
This commit is contained in:
parent
f91ffba2a4
commit
5ac5101ced
117
assets/css/dark_theme.css
Normal file
117
assets/css/dark_theme.css
Normal file
@ -0,0 +1,117 @@
|
||||
:root {
|
||||
--black: #1119;
|
||||
--black2: #111111;
|
||||
--black3: #000;
|
||||
--black4: #686a6c;
|
||||
--black5: #232426;
|
||||
--black6: #0f0f0f;
|
||||
--white: silver;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: var(--black) !important;;
|
||||
}
|
||||
|
||||
#homeLandingScreen {
|
||||
background-image: none !important;
|
||||
background-color: var(--black5);
|
||||
}
|
||||
|
||||
#homeLandingScreen #homeMessage {
|
||||
background-color: var(--black);
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.btn-primary, .btn-success, .btn-default {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
p, h1, h2, h3, h4, h5 {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: var(--black);
|
||||
color: var(--white);
|
||||
border-color: var(--black5);
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
background-color: var(--black5);
|
||||
}
|
||||
|
||||
.login-page, .register-page {
|
||||
background-color: var(--black2);
|
||||
}
|
||||
|
||||
.login-box-body {
|
||||
background-color: var(--black3);
|
||||
}
|
||||
|
||||
.login-logo b, #loginForm label {
|
||||
color: var(--white) !important;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
background-color: var(--black3);
|
||||
}
|
||||
|
||||
.create-account-form label {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.main-footer {
|
||||
background-color: var(--black3);
|
||||
}
|
||||
|
||||
.main-footer span {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.box {
|
||||
background-color: var(--black5);
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.modal-primary .modal-header,
|
||||
.modal-primary .modal-footer {
|
||||
background-color: var(--black5) !important;;
|
||||
}
|
||||
|
||||
.modal-primary .modal-body {
|
||||
background-color: var(--black6) !important;
|
||||
}
|
||||
|
||||
.attachment-block {
|
||||
background-color: var(--black6);
|
||||
}
|
||||
|
||||
.post-comments {
|
||||
background-color: var(--black);
|
||||
}
|
||||
|
||||
.post {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.box-comments .username,
|
||||
.box-comments .comment-content {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.link-black {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
|
||||
.comment-creation-form .comment-image-select a,
|
||||
.comment-creation-form .comment-emoji-select a {
|
||||
color: var(--white);
|
||||
}
|
Loading…
Reference in New Issue
Block a user