Worlio/worlio-themes
4
0
Fork 0
Code Issues Pull Requests Wiki Activity

theme.css changes

Browse Source
This commit is contained in:
Wirlaburla 2023-04-27 01:16:32 -05:00
parent 7bf75ce472
commit 3d3784eb2a
2 changed files with 38 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/theme.css
View File

@ -10,13 +10,9 @@
--context-menu: #d0d0d0; --context-menu: #d0d0d0;
--context-menu-border: 2px outset #a4a4a4; --context-menu-border: 2px outset #a4a4a4;
--context-menu-hover: #bfbfbf; --context-menu-hover: #bfbfbf;
/* DEPRECATED: Use --x-container-y */
--menu-border: 2px outset #c4dbff;
--menu-bg: #a5cff9;
--primary-container-background: #a5cff9; --primary-container-background: #d9d4c9;
--primary-container-border: 2px outset #c4dbff; --primary-container-border: 2px outset #e5e2d1;
--header-bg: #ffffff; --header-bg: #ffffff;
--header-text: #000000; --header-text: #000000;

72
style.css
View File

@ -56,8 +56,8 @@ body.home .home-container .blog-contents .title {
padding: 2px; padding: 2px;
} }
body.home .home-container .blog-contents .blog-item { body.home .home-container .blog-contents .blog-item {
background: var(--menu-bg); background: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
margin: 2px; margin: 2px;
padding: 4px; padding: 4px;
} }
@ -140,8 +140,8 @@ nav.top div.slideout.account .upane {
nav.top div.slideout.account .upane .avatar { nav.top div.slideout.account .upane .avatar {
flex-shrink: 0; flex-shrink: 0;
background: var(--menu-bg); background: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
} }
nav.top div.slideout.account .upane .ninfo { 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 { nav.top div.slideout.mail .dropdown .mail .message {
margin: 4px; margin: 4px;
font-family: var(--primary-font); font-family: var(--primary-font);
background-color: var(--menu-bg); background-color: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
padding: 4px; padding: 4px;
} }
@ -450,10 +450,10 @@ body {
.header > .gap { flex-grow: 1;} .header > .gap { flex-grow: 1;}
.header > .title { .header > .title {
border: var(--menu-border); border: var(--primary-container-border);
border-top: none; border-top: none;
flex-shrink: 0; flex-grow: 0; flex-shrink: 0; flex-grow: 0;
background-color: var(--menu-bg); background-color: var(--primary-container-background);
padding: 8px; padding: 8px;
font-family: var(--primary-font); font-family: var(--primary-font);
font-weight: bold; font-weight: bold;
@ -1044,7 +1044,7 @@ heading .button {
.message-container { .message-container {
background-color: var(--main-background); background-color: var(--main-background);
border: var(--menu-border); border: var(--primary-container-border);
display: block; display: block;
padding: 4px; padding: 4px;
margin-right: 8px; margin-right: 8px;
@ -1061,8 +1061,8 @@ heading .button {
} }
.message-container .body { .message-container .body {
background-color: var(--menu-bg); background-color: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
padding: 8px; padding: 8px;
margin: 4px; margin: 4px;
} }
@ -1127,8 +1127,8 @@ textarea {
background-image: var(--background-image); background-image: var(--background-image);
display: none; display: none;
position: relative; position: relative;
background-color: var(--menu-bg); background-color: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
padding: 4px; padding: 4px;
right: 152px; right: 152px;
width: 140px; width: 140px;
@ -1178,8 +1178,8 @@ table {
} }
.form-container { .form-container {
background-color: var(--menu-bg); background-color: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
padding: 8px; padding: 8px;
margin: 4px; margin: 4px;
} }
@ -1257,8 +1257,8 @@ table {
.mailbox .message, .mailbox .message,
.userbox .member { .userbox .member {
background-color: var(--menu-bg); background-color: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
margin: 4px; margin: 4px;
padding: 8px; padding: 8px;
} }
@ -1316,8 +1316,8 @@ table {
} }
.overlay .popup.box .embedder .embed-item:hover { .overlay .popup.box .embedder .embed-item:hover {
border: var(--menu-border); border: var(--primary-container-border);
background: var(--menu-bg); background: var(--primary-container-background);
} }
.overlay .popup.box .embedder .embed-item.selected { .overlay .popup.box .embedder .embed-item.selected {
@ -1329,7 +1329,7 @@ table {
position: absolute; position: absolute;
z-index: 10; z-index: 10;
background: var(--main-background); background: var(--main-background);
border: var(--menu-border); border: var(--primary-container-border);
padding: 8px; padding: 8px;
box-shadow: #0005 5px 5px 4px; box-shadow: #0005 5px 5px 4px;
max-width: 100%; max-width: 100%;
@ -1367,7 +1367,7 @@ table {
.dragbox .button-row { .dragbox .button-row {
display: flex; display: flex;
border-top: var(--menu-border); border-top: var(--primary-container-border);
margin: -8px; margin-top: 0px; margin: -8px; margin-top: 0px;
padding: 4px; padding: 4px;
} }
@ -1713,7 +1713,7 @@ table.board .status {
.forum .thread .post .authorbar img.avatar { .forum .thread .post .authorbar img.avatar {
margin: 10px; margin: 10px;
border: var(--menu-border); border: var(--primary-container-border);
} }
.forum .thread .reply .title, .forum .thread .reply .title,
@ -1992,8 +1992,8 @@ body.forum .sidebar .box {
flex-direction: column; flex-direction: column;
} }
body.forum .sidebar .box .content { body.forum .sidebar .box .content {
background: var(--menu-bg); background: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
padding: 4px; padding: 4px;
border-top: 0; border-top: 0;
} }
@ -2051,8 +2051,8 @@ body.dashboard .dash-container {
} }
body.dashboard .dash-container .mainbox { body.dashboard .dash-container .mainbox {
background: var(--menu-bg); background: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
padding: 2px; padding: 2px;
} }
@ -2076,9 +2076,9 @@ body.dashboard .primary {
} }
body.dashboard .dash-title { body.dashboard .dash-title {
border: var(--menu-border); border: var(--primary-container-border);
border-bottom: none; border-bottom: none;
background: var(--menu-bg); background: var(--primary-container-background);
display: inline-block; display: inline-block;
padding: 8px; padding: 8px;
font-weight: bold; font-weight: bold;
@ -2156,9 +2156,9 @@ body.dashboard .stats .unread { color: var(--alert); }
/* USER PROFILE PAGE */ /* USER PROFILE PAGE */
body.user-profile .user-infobox { body.user-profile .user-infobox {
width: 180px; width: 180px;
background: var(--menu-bg); background: var(--primary-container-background);
margin: 2px; margin: 2px;
border: var(--menu-border); border: var(--primary-container-border);
} }
body.user-profile iframe.box { body.user-profile iframe.box {
@ -2223,13 +2223,13 @@ a.thumbnail-box::after {
height: 20px; height: 20px;
margin: 130px 0px 0px 0px; margin: 130px 0px 0px 0px;
text-align: center; text-align: center;
border: var(--menu-border); border: var(--primary-container-border);
background-color: var(--menu-bg); background-color: var(--primary-container-background);
} }
button.user-input { button.user-input {
background: var(--menu-bg); background: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
width: 180px; width: 180px;
height: 24px; height: 24px;
text-align: left; text-align: left;
@ -2240,8 +2240,8 @@ button.user-input {
} }
div.user-input-box { div.user-input-box {
background: var(--menu-bg); background: var(--primary-container-background);
border: var(--menu-border); border: var(--primary-container-border);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: absolute; position: absolute;