Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-12-24 18:08:50 +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
*/
@ -38,7 +44,8 @@ p, h1, h2, h3, h4, h5, h6 {
.btn-primary,
.btn-success,
.btn-default,
.btn-danger {
.btn-danger,
.btn-info {
background-color: transparent;
}
@ -58,6 +65,7 @@ p, h1, h2, h3, h4, h5, h6 {
.form-control:focus {
background-color: var(--black5);
border-color: var(--black4);
}
.form-group label {
@ -109,7 +117,7 @@ p, h1, h2, h3, h4, h5, h6 {
* Dropdown menus
*/
.dropdown-menu {
background-color: var(--black5);
background-color: var(--black5) !important;
}
.dropdown-menu > li > a {
@ -117,7 +125,7 @@ p, h1, h2, h3, h4, h5, h6 {
}
.dropdown-menu > li > a:hover {
background-color: var(--black3);
background-color: var(--black3) !important;
}
.dropdown {
@ -130,7 +138,7 @@ p, h1, h2, h3, h4, h5, h6 {
* Navbar
*/
.navbar {
background-color: var(--black) !important;;
background-color: var(--black6) !important;;
}
.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 > .messages-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;
}
@ -162,6 +170,20 @@ p, h1, h2, h3, h4, h5, h6 {
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
@ -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 {
color: var(--white);
}
@ -292,6 +320,15 @@ p, h1, h2, h3, h4, h5, h6 {
/**
* Posts creation form
*/
.post-form-choice span {
color: var(--black4);
}
.post-form .post-form-choice input:checked ~ span {
color: var(--white);
}
.datepicker.dropdown-menu {
background-color: var(--black6);
color: var(--white);
@ -301,6 +338,14 @@ p, h1, h2, h3, h4, h5, h6 {
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