Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

theme updates

Browse source 
-allow gradient/picture for primary and channels bg
-add code-text color, servers-bg color (server sidebar), shadow
-adjust timestamp size
This commit is contained in:
ygg2 2024-07-11 07:06:06 -04:00
parent 5959059c55
commit 7512fe3126
2 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
webpage/style.css
View file

@ -1,7 +1,7 @@
body { body {
font-family: "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400; font-weight: 400;
background-color: var(--primary-bg); background: var(--primary-bg);
color: var(--primary-text); color: var(--primary-text);
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; overflow-x: hidden;
@ -78,6 +78,7 @@ th {
} }
pre { pre {
background-color: var(--code-bg); background-color: var(--code-bg);
color: var(--code-text);
width: 100%; width: 100%;
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
@ -87,6 +88,7 @@ pre {
samp { samp {
background-color: var(--code-bg); background-color: var(--code-bg);
color: var(--code-text);
} }
.contextbutton { .contextbutton {
@ -194,6 +196,7 @@ h2 {
height: 100dvh; height: 100dvh;
overflow-x: hidden; overflow-x: hidden;
padding: 0.02in .05in 0.0in .05in; padding: 0.02in .05in 0.0in .05in;
background: var(--servers-bg);
} }
#servers::-webkit-scrollbar { #servers::-webkit-scrollbar {
@ -269,7 +272,7 @@ p {
} }
#channels { #channels {
background-color: var(--channels-bg); background: var(--channels-bg);
top: var(--top-height); top: var(--top-height);
overflow: auto; overflow: auto;
user-select: none; user-select: none;
@ -486,7 +489,7 @@ p {
.timestamp { .timestamp {
color: var(--timestamp-color); color: var(--timestamp-color);
font-size: 0.7rem; font-size: 0.75rem;
line-height: 1.3rem; line-height: 1.3rem;
padding-left: .05in; padding-left: .05in;
} }
@ -626,7 +629,7 @@ textarea {
} }
.servertd { .servertd {
background-color: var(--server-bg); background: var(--server-bg);
border-color: var(--server-border); border-color: var(--server-border);
border-width: .04in; border-width: .04in;
border-style: solid; border-style: solid;
@ -971,7 +974,7 @@ span {
.accountSwitcher{ .accountSwitcher{
background:var(--profile-bg); background:var(--profile-bg);
cursor:pointer; cursor:pointer;
box-shadow: .00in -.5in 1in #0000006b; box-shadow: .00in -.5in 1in color-mix(in srgb, var(--shadow) 42%, transparent);
border-radius: .05in .05in .0in.0in; border-radius: .05in .05in .0in.0in;
flex-grow: 0; flex-grow: 0;
align-self: center; align-self: center;

3
webpage/themes.css
View file

@ -7,6 +7,7 @@
--primary-text: #FFF; --primary-text: #FFF;
--primary-bg: #282832; --primary-bg: #282832;
--black: #000; --black: #000;
--shadow: #000;
--message-bg-hover: #1e1e28; --message-bg-hover: #1e1e28;
--typing-bg: #161616; --typing-bg: #161616;
--timestamp-color: #a2a2a2; --timestamp-color: #a2a2a2;
@ -51,6 +52,7 @@
--primary-text: #000; --primary-text: #000;
--primary-bg: #FFF; --primary-bg: #FFF;
--black: #FFF; --black: #FFF;
--shadow: #777;
--message-bg-hover: #dedee2; --message-bg-hover: #dedee2;
--typing-bg: #dad8d8; --typing-bg: #dad8d8;
--timestamp-color: #929297; --timestamp-color: #929297;
@ -96,6 +98,7 @@
--primary-text: #000; --primary-text: #000;
--primary-bg: #8e90c3; --primary-bg: #8e90c3;
--black: #fff; --black: #fff;
--shadow: #000;
--message-bg-hover: #5757b5; --message-bg-hover: #5757b5;
--typing-bg: #000000; --typing-bg: #000000;