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

Work progress on dark theme

Browse Source
This commit is contained in:
Pierre HUBERT 2019-01-09 11:40:00 +01:00
parent da047a976a
commit a7337fa918
1 changed files with 128 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

129
assets/css/dark_theme.css
View File

@ -72,6 +72,12 @@ p, h1, h2, h3, h4, h5, h6 {
color: var(--white);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: var(--black6);
}
/**
@ -82,6 +88,10 @@ p, h1, h2, h3, h4, h5, h6 {
color: var(--white);
}
.box-footer {
background-color: var(--black5);
}
/**
* Modals
@ -225,6 +235,41 @@ p, h1, h2, h3, h4, h5, h6 {
background-color: var(--black4);
}
/**
* Emoji picker
*/
.wdt-emoji-popup {
background-color: var(--black6);
border: 1px var(--black6) solid;
border-radius: 2;
}
#wdt-emoji-menu-header {
background-color: var(--black5);
}
#wdt-emoji-footer {
background-color: var(--black5);
}
.wdt-emoji-popup h3 {
background-color: var(--black4);
color: var(--white);
}
#wdt-emoji-search {
background-color: var(--black5);
color: var(--white);
}
#wdt-emoji-search:focus {
background-color: var(--black4);
color: var(--white);
}
.wdt-emoji:hover {
background-color: var(--black4) !important;;
}
/**
* Conversations
@ -233,6 +278,35 @@ p, h1, h2, h3, h4, h5, h6 {
background-color: var(--black5);
}
.nav-stacked > li > a {
color: var(--white);
}
.conversations-list-box .last-activity {
color: var(--white);
}
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
color: var(--black5);
}
.select2-dropdown {
background-color: var(--black5);
color: var(--white);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--black4);
color: var(--white);
}
#conversationsElem .create-message-form .btn.btn-add-emoji:hover,
#conversationsElem .create-message-form .btn.btn-add-image:hover {
color: var(--white);
}
/**
* Home page
*/
@ -297,7 +371,7 @@ p, h1, h2, h3, h4, h5, h6 {
}
.post-image {
filter: brightness(50%);
filter: brightness(80%);
transition: filter 1s;
}
@ -353,4 +427,57 @@ p, h1, h2, h3, h4, h5, h6 {
.editor {
background-color: var(--black5);
color: var(--white);
}
/**
* Search page
*/
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
background-color: var(--black4);
}
/**
* Conversation page
*/
.conversations-page-container a {
background-color: var(--black6) !important;;
}
.conversations-page-container a {
color: var(--white) !important;
}
.conversations-page-container a:hover {
background-color: var(--black5) !important;;
}
.conversations-page-container a:active {
background-color: var(--black6) !important;;
}
.conversations-page-container a.selected {
background-color: var(--black5) !important;;
}
.conversations-page-container .box-conversation .input-group-btn .btn {
background-color: var(--black5);
}
.conversations-page-container .box-conversation .input-group-btn .btn:hover {
background-color: var(--black4);
color: var(--black6);
}
.conversations-page-container .box-conversation .input-group-btn .btn:focus,
.conversations-page-container .box-conversation .input-group-btn .btn:active {
color: var(--white);
}
.big-box-conversation .direct-chat-text .a,
.big-box-conversation .direct-chat-text a {
background-color: transparent !important;
color: inherit !important;
}