From 41fd098f586da6fe16305c152395f43369e0ffe8 Mon Sep 17 00:00:00 2001 From: hgw Date: Fri, 6 Oct 2023 04:07:06 +0000 Subject: [PATCH] Update themes Signed-off-by: hgw --- client/css/style.css | 4 +- client/themes/{default.css => light.css} | 0 client/themes/oled.css | 86 ++++++++++++++++++++++++ defaults/config.js | 8 ++- 4 files changed, 94 insertions(+), 4 deletions(-) rename client/themes/{default.css => light.css} (100%) create mode 100644 client/themes/oled.css diff --git a/client/css/style.css b/client/css/style.css index b726cfa9..354ad77e 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -3816,8 +3816,8 @@ body { #chat .time, #chat .from, #chat .content { - padding-top: 2px; - padding-bottom: 2px; + padding-top: 0px; + padding-bottom: 0px; } #chat .msg[data-type="action"] .from::before, diff --git a/client/themes/default.css b/client/themes/light.css similarity index 100% rename from client/themes/default.css rename to client/themes/light.css diff --git a/client/themes/oled.css b/client/themes/oled.css new file mode 100644 index 00000000..885f3438 --- /dev/null +++ b/client/themes/oled.css @@ -0,0 +1,86 @@ +@import 'morning.css'; + +:root { + --body-bg-color: #000; + --body-color-muted: #999; + + --border-color: #333; + --window-bg-color: #000; +} + +#sidebar .logo-container { + display: none; +} + +#sidebar .channel-list-item:not([data-type=lobby]) { + color: var(--body-color-muted); +} + +#sidebar .channel-list-item:not([data-type=lobby]):hover { + color: var(--body-color); +} + +#sidebar .channel-list-item.active { + font-weight: bold; + color: var(--body-color); +} + +#sidebar { + border-right: 1px solid var(--border-color); +} + +#sidebar .channel-list-item .badge { + font-weight: bold; + font-size: 10px; + padding: 0px 3px; +} + +#chat .msg[data-type="monospace_block"] .text { + background-color: #000000; +} + +#chat .msg[data-type=notice].highlight .content { + color: #48A8FF; +} + +#chat .msg.self .content { + color: var(--body-color); +} + +#chat .userlist .count { + background: none; +} + +#form { + background: none; + border-color: var(--border-color); +} + +.input { + background-color: #222; + border-color: #444; + color: #fff; +} + +.input::placeholder { + color: #555; +} + +#chat button.close, +#chat button.mentions, +#chat button.menu, +#chat button.search, +#viewport .lt, +#viewport .rt { + margin-top: 0; +} + +#footer button { + color: var(--body-color-muted); +} + +#footer button:hover, +#footer button.active { + color: #fff; + background: none; +} \ No newline at end of file diff --git a/defaults/config.js b/defaults/config.js index 21a7d243..4bbcb5ea 100644 --- a/defaults/config.js +++ b/defaults/config.js @@ -95,12 +95,16 @@ module.exports = { // extended by installing more themes. Read more about how to manage them // [here](https://thelounge.chat/docs/guides/theme-creation). // + // The Lounge: Hard Chats Edition also shiped with an OLED theme which + // Is FAR better than either of the default themes. The default themes are + // blowjobs. + // // This value needs to be the package name and not the display name. For // example, the value for Morning would be `morning`, and the value for // Solarized would be `thelounge-theme-solarized`. // - // This value is set to `"default"` by default. - theme: "default", + // This value is set to `"oled"` by default. + theme: "oled", // ### `prefetch` //