Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-11-22 20:19:21 +00:00
Code Issues Projects Releases Wiki Activity

Improved dark theme

Browse Source
This commit is contained in:
Pierre HUBERT 2019-01-09 09:49:02 +01:00
parent 379826f16b
commit da047a976a
1 changed files with 50 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
assets/css/dark_theme.css
View File

@ -1,3 +1,9 @@
/**
* ComunicWeb dark theme
*
* @author Pierre HUBERT
*/
/** /**
* General definitions * General definitions
*/ */
@ -38,7 +44,8 @@ p, h1, h2, h3, h4, h5, h6 {
.btn-primary, .btn-primary,
.btn-success, .btn-success,
.btn-default, .btn-default,
.btn-danger { .btn-danger,
.btn-info {
background-color: transparent; background-color: transparent;
} }
@ -58,6 +65,7 @@ p, h1, h2, h3, h4, h5, h6 {
.form-control:focus { .form-control:focus {
background-color: var(--black5); background-color: var(--black5);
border-color: var(--black4);
} }
.form-group label { .form-group label {
@ -109,7 +117,7 @@ p, h1, h2, h3, h4, h5, h6 {
* Dropdown menus * Dropdown menus
*/ */
.dropdown-menu { .dropdown-menu {
background-color: var(--black5); background-color: var(--black5) !important;
} }
.dropdown-menu > li > a { .dropdown-menu > li > a {
@ -117,7 +125,7 @@ p, h1, h2, h3, h4, h5, h6 {
} }
.dropdown-menu > li > a:hover { .dropdown-menu > li > a:hover {
background-color: var(--black3); background-color: var(--black3) !important;
} }
.dropdown { .dropdown {
@ -130,7 +138,7 @@ p, h1, h2, h3, h4, h5, h6 {
* Navbar * Navbar
*/ */
.navbar { .navbar {
background-color: var(--black) !important;; background-color: var(--black6) !important;;
} }
.navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
@ -143,7 +151,7 @@ p, h1, h2, h3, h4, h5, h6 {
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
background-color: var(--black6); background-color: var(--black6) !important;
color: var(--white) !important; color: var(--white) !important;
} }
@ -162,6 +170,20 @@ p, h1, h2, h3, h4, h5, h6 {
background-color: var(--black6); background-color: var(--black6);
} }
.skin-blue .main-header .navbar .dropdown-user-menu-action .dropdown-menu li a {
color: var(--white) !important;;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
background-color: var(--black4);
}
/** /**
* Footer * Footer
@ -189,6 +211,12 @@ p, h1, h2, h3, h4, h5, h6 {
} }
} }
@media screen and (max-width: 1200px) and (min-width: 513px) {
#friendsList {
background-color: var(--black5);
}
}
#friendsList h4 { #friendsList h4 {
color: var(--white); color: var(--white);
} }
@ -292,6 +320,15 @@ p, h1, h2, h3, h4, h5, h6 {
/** /**
* Posts creation form * Posts creation form
*/ */
.post-form-choice span {
color: var(--black4);
}
.post-form .post-form-choice input:checked ~ span {
color: var(--white);
}
.datepicker.dropdown-menu { .datepicker.dropdown-menu {
background-color: var(--black6); background-color: var(--black6);
color: var(--white); color: var(--white);
@ -301,6 +338,14 @@ p, h1, h2, h3, h4, h5, h6 {
background-color: transparent; background-color: transparent;
} }
.post-form .post-visiblity-container span {
color: var(--black4);
}
.post-form .post-visiblity-container input:checked ~ span {
color: var(--white);
}
/** /**
* Posts edit modal * Posts edit modal