diff --git a/assets/css/dark_theme.css b/assets/css/dark_theme.css index d0aa3e11..a9962b6e 100644 --- a/assets/css/dark_theme.css +++ b/assets/css/dark_theme.css @@ -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); } \ No newline at end of file