extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-25 01:13:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

Kdots: Darkmode

Browse Source
This commit is contained in:
nathan 2024-07-11 13:33:51 -06:00
parent 54c3252c45
commit 4ef6905564
5 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
kdots/assets/styles/framework.css
View File

@ -20,6 +20,13 @@ html[data-darkmode="1"] body #egw_fw_topmenu_info_items #topmenu_info_timer:befo
html[data-darkmode="1"] body egw-app { html[data-darkmode="1"] body egw-app {
--application-header-text-color: var(--sl-color-neutral-700); --application-header-text-color: var(--sl-color-neutral-700);
} }
html[data-darkmode="1"] body .et2_container {
background-color: initial;
}
html[data-darkmode="1"] body .dialogFooterToolbar et2-button::part(base):not(:hover),
html[data-darkmode="1"] body et2-dialog et2-button[variant='default'][slot='footer']::part(base):not(:hover) {
background-color: var(--sl-input-background-color);
}
html[data-darkmode="1"] body .nextmatch_sortheader { html[data-darkmode="1"] body .nextmatch_sortheader {
color: #96bcd9; color: #96bcd9;
} }

7
kdots/assets/styles/framework_dark.less
View File

@ -20,6 +20,13 @@ html[data-darkmode="1"] body {
/*** WIDGETS ***/ /*** WIDGETS ***/
/* This should mostly go away with webcomponents */ /* This should mostly go away with webcomponents */
.et2_container {
background-color: initial;
}
.dialogFooterToolbar et2-button::part(base):not(:hover), et2-dialog et2-button[variant='default'][slot='footer']::part(base):not(:hover) {
background-color: var(--sl-input-background-color);
}
.nextmatch_sortheader { .nextmatch_sortheader {
color: #96bcd9; color: #96bcd9;
} }

2
kdots/head.tpl
View File

@ -1,6 +1,6 @@
<!-- BEGIN head --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <!-- BEGIN head --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="{lang_code}" xmlns="http://www.w3.org/1999/xhtml"{dir_code} data-darkmode={darkmode}> <html xml:lang="{lang_code}" xmlns="http://www.w3.org/1999/xhtml"{dir_code} {theme}>
<head> <head>
<title>{website_title}</title> <title>{website_title}</title>
<meta http-equiv="content-type" content="text/html; charset={charset}"/> <meta http-equiv="content-type" content="text/html; charset={charset}"/>

4
kdots/inc/class.kdots_framework.inc.php
View File

@ -35,6 +35,10 @@ class kdots_framework extends Api\Framework\Ajax
return []; return [];
} }
$data = parent::_get_header($extra); $data = parent::_get_header($extra);
$data['theme'] .= $data['darkmode'] ? 'data-darkmode="1" class="sl-theme-dark"' : '';
unset($data['darkmode']);
if($extra['navbar-apps']) if($extra['navbar-apps'])
{ {
// Fix wrong icon type // Fix wrong icon type

2
kdots/js/EgwDarkmodeToggle.ts
View File

@ -57,7 +57,7 @@ export class EgwDarkmodeToggle extends LitElement
{ {
if(force == null) if(force == null)
{ {
force = !(document.documentElement.getAttribute("data-darkmode") == "true"); force = !(document.documentElement.getAttribute("data-darkmode") == "1");
} }
this.darkmode = force; this.darkmode = force;
if(force) if(force)