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