From d015b30a5f2034e0a92a58da2d52956b88ee6ca1 Mon Sep 17 00:00:00 2001 From: Jason H <51760372+JasonHorkles@users.noreply.github.com> Date: Sun, 11 Feb 2024 15:41:14 -0700 Subject: [PATCH] Add more formatting to everything Closes #2 --- client/client.style.css | 144 ++++++++++++++++++++++++++++++++++++++-- conf.yml | 2 +- 2 files changed, 138 insertions(+), 8 deletions(-) diff --git a/client/client.style.css b/client/client.style.css index 9f40722..cdae91c 100644 --- a/client/client.style.css +++ b/client/client.style.css @@ -1,7 +1,7 @@ :root { --background-color: #11111c; - --list-item-color: #2b2c3d; - --list-item-hover-color: #484957; + --item-color: #1f212f; + --item-secondary-color: #2b2c39; --border-radii: 10px; --server-list-radii: 8px; --server-list-padding: 1.25rem; @@ -52,6 +52,7 @@ label.Label-sc-g780ms-0.dqkKHi { ::-webkit-scrollbar { background: var(--background-color) !important; + border-radius: var(--border-radii); } .xterm-viewport::-webkit-scrollbar { @@ -155,7 +156,7 @@ a.GreyRowBox-sc-1xo9c6v-0.ServerRow__StatusIndicatorBox-sc-1ibsw91-2.dyLna-D.fwb div.style-module_2Vp6MaXq, div.style-module_2XbmHEcn { - background-color: #1f212f !important; + background-color: var(--item-color) !important; border-style: none; padding: 0.8rem; } @@ -211,14 +212,35 @@ button.style-module_4LBM1DKx { /* Files, Schedules, Users, Backups, Network, Startup, Settings, & Activity backgrounds/borders */ +div.style-module_1WqkLT9X { + border-radius: var(--server-list-radii); +} + div.style-module_1WqkLT9X, a.GreyRowBox-sc-1xo9c6v-0.ScheduleContainer___StyledGreyRowBox-sc-dlqnx9-2.dyLna-D { - background-color: var(--list-item-color); + background-color: var(--item-color); border-radius: var(--border-radii); + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 100ms; } div.style-module_1WqkLT9X:hover { - background-color: var(--list-item-hover-color); + background-color: var(--item-secondary-color); +} + +div.eANsNt { + background-color: var(--item-secondary-color); + border-radius: var(--border-radii); + border-width: 0; +} + +div.kXHaUC, +div.jLekZv, +button.lbaWTK, +button.fzeXUL { + border-radius: var(--border-radii); + color: #7b8793; } @@ -235,15 +257,123 @@ div.bNXcqn { } div.bWXUsX { - background-color: var(--list-item-hover-color); + background-color: var(--item-secondary-color); border-radius: var(--border-radii); } div.bNaPPt { - background-color: var(--list-item-color); + background-color: var(--item-color); border-radius: var(--border-radii); } div.ipThkt { border-bottom-width: 0; } + +div.gLoyLu { + background-color: var(--item-secondary-color); + border-radius: var(--border-radii); +} + +div.bNXcqn { + margin-bottom: 1rem; +} + +div.dyyjYb { + margin-top: 1rem; +} + +button.style-module_2vOYXZWm { + background-color: rgba(220, 38, 38, var(--tw-bg-opacity)) !important; +} + +button.style-module_2vOYXZWm:hover { + background-color: rgba(239, 68, 68, var(--tw-bg-opacity)) !important; +} + +button.style-module_4LBM1DKx.style-module_2RJbSnp6 { + background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); +} + +button.style-module_4LBM1DKx.style-module_2RJbSnp6:hover { + background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); +} + + +/* Users */ + +div.dyLna-D { + border-radius: var(--border-radii); + background-color: var(--item-color); + border-width: 0; +} + +div.ekHIsr { + background-color: var(--background-color); + border-radius: var(--border-radii); +} + +button.kztmyO, +button.iNKfxp, +label.icxFlO { + border-radius: var(--border-radii); +} + +button.cDkCmT { + border-radius: var(--border-radii); + text-transform: none; + font-weight: 600; + border-width: 0; + background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); +} + +button.cDkCmT:hover:not(:disabled) { + background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); +} + +div.jRrWLs { + background-color: var(--item-color); + border-top-left-radius: var(--border-radii); + border-top-right-radius: var(--border-radii); + border-bottom-width: 0; +} + +div.oLbNP { + border-radius: var(--border-radii); + background-color: var(--item-color); +} + + +/* Network */ + +div.iTERJN { + border-radius: var(--border-radii); + background-color: var(--item-color); +} + +button.style-module_4LBM1DKx.style-module_2UCZLAAp { + font-weight: 600; +} + +textarea.kKFWRA, +code.text-gray-100 { + border-radius: var(--border-radii); +} + + +/* Startup */ + +p.ekbHAG, +select.dupyoa, +input.jqTCDz:not([type="checkbox"]):not([type="radio"]) { + border-radius: var(--border-radii); +} + + +/* Activity */ + +div.bg-gray-700, +div.text-gray-200, +a.style-module_Yp7-2Fw- { + border-radius: var(--border-radii); +} diff --git a/conf.yml b/conf.yml index 356997e..112dc9a 100644 --- a/conf.yml +++ b/conf.yml @@ -6,7 +6,7 @@ info: identifier: "darkenate" description: "A dark theme inspired by bloom.host's colors and the Recolor theme" flags: "" - version: "v1.0.4" + version: "v1.1.0" target: "alpha-3ZX" author: "JasonHorkles" icon: "assets/icon.jpg"