From 3d3784eb2ae24079221c8eb6684247fb0621cdfa Mon Sep 17 00:00:00 2001 From: Wirlaburla Date: Thu, 27 Apr 2023 01:16:32 -0500 Subject: [PATCH] theme.css changes --- css/theme.css | 8 ++---- style.css | 72 +++++++++++++++++++++++++-------------------------- 2 files changed, 38 insertions(+), 42 deletions(-) diff --git a/css/theme.css b/css/theme.css index 46d9d80..2fd8a3b 100755 --- a/css/theme.css +++ b/css/theme.css @@ -10,13 +10,9 @@ --context-menu: #d0d0d0; --context-menu-border: 2px outset #a4a4a4; --context-menu-hover: #bfbfbf; - - /* DEPRECATED: Use --x-container-y */ - --menu-border: 2px outset #c4dbff; - --menu-bg: #a5cff9; - --primary-container-background: #a5cff9; - --primary-container-border: 2px outset #c4dbff; + --primary-container-background: #d9d4c9; + --primary-container-border: 2px outset #e5e2d1; --header-bg: #ffffff; --header-text: #000000; diff --git a/style.css b/style.css index 86e771e..53ca042 100644 --- a/style.css +++ b/style.css @@ -56,8 +56,8 @@ body.home .home-container .blog-contents .title { padding: 2px; } body.home .home-container .blog-contents .blog-item { - background: var(--menu-bg); - border: var(--menu-border); + background: var(--primary-container-background); + border: var(--primary-container-border); margin: 2px; padding: 4px; } @@ -140,8 +140,8 @@ nav.top div.slideout.account .upane { nav.top div.slideout.account .upane .avatar { flex-shrink: 0; - background: var(--menu-bg); - border: var(--menu-border); + background: var(--primary-container-background); + border: var(--primary-container-border); } nav.top div.slideout.account .upane .ninfo { @@ -185,8 +185,8 @@ nav.top div.slideout.alerts .dropdown .alerts .alert, nav.top div.slideout.mail .dropdown .mail .message { margin: 4px; font-family: var(--primary-font); - background-color: var(--menu-bg); - border: var(--menu-border); + background-color: var(--primary-container-background); + border: var(--primary-container-border); padding: 4px; } @@ -450,10 +450,10 @@ body { .header > .gap { flex-grow: 1;} .header > .title { - border: var(--menu-border); + border: var(--primary-container-border); border-top: none; flex-shrink: 0; flex-grow: 0; - background-color: var(--menu-bg); + background-color: var(--primary-container-background); padding: 8px; font-family: var(--primary-font); font-weight: bold; @@ -1044,7 +1044,7 @@ heading .button { .message-container { background-color: var(--main-background); - border: var(--menu-border); + border: var(--primary-container-border); display: block; padding: 4px; margin-right: 8px; @@ -1061,8 +1061,8 @@ heading .button { } .message-container .body { - background-color: var(--menu-bg); - border: var(--menu-border); + background-color: var(--primary-container-background); + border: var(--primary-container-border); padding: 8px; margin: 4px; } @@ -1127,8 +1127,8 @@ textarea { background-image: var(--background-image); display: none; position: relative; - background-color: var(--menu-bg); - border: var(--menu-border); + background-color: var(--primary-container-background); + border: var(--primary-container-border); padding: 4px; right: 152px; width: 140px; @@ -1178,8 +1178,8 @@ table { } .form-container { - background-color: var(--menu-bg); - border: var(--menu-border); + background-color: var(--primary-container-background); + border: var(--primary-container-border); padding: 8px; margin: 4px; } @@ -1257,8 +1257,8 @@ table { .mailbox .message, .userbox .member { - background-color: var(--menu-bg); - border: var(--menu-border); + background-color: var(--primary-container-background); + border: var(--primary-container-border); margin: 4px; padding: 8px; } @@ -1316,8 +1316,8 @@ table { } .overlay .popup.box .embedder .embed-item:hover { - border: var(--menu-border); - background: var(--menu-bg); + border: var(--primary-container-border); + background: var(--primary-container-background); } .overlay .popup.box .embedder .embed-item.selected { @@ -1329,7 +1329,7 @@ table { position: absolute; z-index: 10; background: var(--main-background); - border: var(--menu-border); + border: var(--primary-container-border); padding: 8px; box-shadow: #0005 5px 5px 4px; max-width: 100%; @@ -1367,7 +1367,7 @@ table { .dragbox .button-row { display: flex; - border-top: var(--menu-border); + border-top: var(--primary-container-border); margin: -8px; margin-top: 0px; padding: 4px; } @@ -1713,7 +1713,7 @@ table.board .status { .forum .thread .post .authorbar img.avatar { margin: 10px; - border: var(--menu-border); + border: var(--primary-container-border); } .forum .thread .reply .title, @@ -1992,8 +1992,8 @@ body.forum .sidebar .box { flex-direction: column; } body.forum .sidebar .box .content { - background: var(--menu-bg); - border: var(--menu-border); + background: var(--primary-container-background); + border: var(--primary-container-border); padding: 4px; border-top: 0; } @@ -2051,8 +2051,8 @@ body.dashboard .dash-container { } body.dashboard .dash-container .mainbox { - background: var(--menu-bg); - border: var(--menu-border); + background: var(--primary-container-background); + border: var(--primary-container-border); padding: 2px; } @@ -2076,9 +2076,9 @@ body.dashboard .primary { } body.dashboard .dash-title { - border: var(--menu-border); + border: var(--primary-container-border); border-bottom: none; - background: var(--menu-bg); + background: var(--primary-container-background); display: inline-block; padding: 8px; font-weight: bold; @@ -2156,9 +2156,9 @@ body.dashboard .stats .unread { color: var(--alert); } /* USER PROFILE PAGE */ body.user-profile .user-infobox { width: 180px; - background: var(--menu-bg); + background: var(--primary-container-background); margin: 2px; - border: var(--menu-border); + border: var(--primary-container-border); } body.user-profile iframe.box { @@ -2223,13 +2223,13 @@ a.thumbnail-box::after { height: 20px; margin: 130px 0px 0px 0px; text-align: center; - border: var(--menu-border); - background-color: var(--menu-bg); + border: var(--primary-container-border); + background-color: var(--primary-container-background); } button.user-input { - background: var(--menu-bg); - border: var(--menu-border); + background: var(--primary-container-background); + border: var(--primary-container-border); width: 180px; height: 24px; text-align: left; @@ -2240,8 +2240,8 @@ button.user-input { } div.user-input-box { - background: var(--menu-bg); - border: var(--menu-border); + background: var(--primary-container-background); + border: var(--primary-container-border); display: flex; flex-direction: column; position: absolute;