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-10 17:01:00 +01:00
parent fc70840c41
commit 5bb4e2ae1f
1 changed files with 62 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
assets/css/dark_theme.css
View File

@ -1,8 +1,8 @@
/** /**
* ComunicWeb dark theme * ComunicWeb dark theme
* *
* @author Pierre HUBERT * @author Pierre HUBERT
*/ */
/** /**
* General definitions * General definitions
@ -17,6 +17,10 @@
--white: silver; --white: silver;
} }
body {
background-color: var(--black6);
}
p, h1, h2, h3, h4, h5, h6 { p, h1, h2, h3, h4, h5, h6 {
color: var(--white); color: var(--white);
} }
@ -33,13 +37,6 @@ p, h1, h2, h3, h4, h5, h6 {
background-color: var(--black3); background-color: var(--black3);
} }
/**
* Sceditor body
*/
.sceditor-iframe-body {
background-color: var(--black5);
color: var(--white);
}
/** /**
* Buttons * Buttons
@ -243,8 +240,8 @@ fieldset[disabled] .form-control {
} }
/** /**
* Emoji picker * Emoji picker
*/ */
.wdt-emoji-popup { .wdt-emoji-popup {
background-color: var(--black6); background-color: var(--black6);
border: 1px var(--black6) solid; border: 1px var(--black6) solid;
@ -278,6 +275,50 @@ fieldset[disabled] .form-control {
background-color: var(--black4) !important;; background-color: var(--black4) !important;;
} }
/**
* Sceditor
*/
.sceditor-iframe-body {
background-color: var(--black5);
color: var(--white);
}
.sceditor-container textarea {
background-color: var(--black5);
color: var(--white);
}
.sceditor-button {
background-color: var(--black6);
}
.sceditor-button svg {
fill: var(--black4);
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
background-color: var(--black4);
color: white;
}
.sceditor-button:hover svg,
.sceditor-button:active svg,
.sceditor-button.active svg {
fill: var(--black6);
}
div.sceditor-dropdown {
background-color: var(--black5);
}
div.sceditor-dropdown input {
background-color: var(--black4);
}
/** /**
* Conversations * Conversations
*/ */
@ -442,8 +483,8 @@ fieldset[disabled] .form-control {
/** /**
* Search page * Search page
*/ */
.nav > li > a:hover, .nav > li > a:hover,
.nav > li > a:active, .nav > li > a:active,
.nav > li > a:focus { .nav > li > a:focus {
@ -451,8 +492,8 @@ fieldset[disabled] .form-control {
} }
/** /**
* Conversation page * Conversation page
*/ */
.conversations-page-container a { .conversations-page-container a {
background-color: var(--black6) !important;; background-color: var(--black6) !important;;
} }
@ -494,15 +535,15 @@ fieldset[disabled] .form-control {
} }
/** /**
* Groups logo * Groups logo
*/ */
img[src$="groups_logo/default.png"] { img[src$="groups_logo/default.png"] {
filter: invert(1) brightness(50%); filter: invert(1) brightness(50%);
} }
/** /**
* Read only friends list * Read only friends list
*/ */
.friends-list-ro .friend a:hover .friends-name { .friends-list-ro .friend a:hover .friends-name {
color: var(--black4); color: var(--black4);
} }