Theming update
This commit is contained in:
MathMan05
parent
dc8ba099da
commit
e219ae7fc7
4 changed files with 822 additions and 735 deletions
|
|
@ -3,11 +3,12 @@
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<link href="/style.css" rel="stylesheet" type="text/css" />
|
<link href="/style.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="/light.css" rel="stylesheet" type="text/css" id="lightcss" disabled="true"/>
|
<link href="/light.css" rel="stylesheet" type="text/css" id="lightcss"/>
|
||||||
|
|
||||||
<link rel="manifest" href="/manifest.json" />
|
<link rel="manifest" href="/manifest.json" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
<body class="Dark-theme">
|
||||||
<script src="/login.js"></script>
|
<script src="/login.js"></script>
|
||||||
<script src="/member.js"></script>
|
<script src="/member.js"></script>
|
||||||
<script src="/user.js"></script>
|
<script src="/user.js"></script>
|
||||||
|
|
|
||||||
|
|
@ -632,9 +632,10 @@ function genusersettings(){
|
||||||
thisuser.updatebio(newbio);
|
thisuser.updatebio(newbio);
|
||||||
}
|
}
|
||||||
}],
|
}],
|
||||||
["select","Theme:",["Dark","Light"],e=>{
|
["select","Theme:",["Dark","Light","WHITE"],e=>{
|
||||||
localStorage.setItem("theme",["Dark","Light"][e.target.selectedIndex]);
|
localStorage.setItem("theme",["Dark","Light","WHITE"][e.target.selectedIndex]);
|
||||||
},["Dark","Light"].indexOf(localStorage.getItem("theme"))]
|
setTheme();
|
||||||
|
},["Dark","Light","WHITE"].indexOf(localStorage.getItem("theme"))]
|
||||||
],
|
],
|
||||||
["vdiv",
|
["vdiv",
|
||||||
["html",hypothetcialprofie]
|
["html",hypothetcialprofie]
|
||||||
|
|
@ -647,6 +648,11 @@ function genusersettings(){
|
||||||
newbio=null;
|
newbio=null;
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
setTheme();
|
||||||
|
function setTheme(){
|
||||||
|
const name=localStorage.getItem("theme");
|
||||||
|
document.body.className=name+"-theme";
|
||||||
|
}
|
||||||
function userSettings(){
|
function userSettings(){
|
||||||
usersettings.show();
|
usersettings.show();
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,186 +1,100 @@
|
||||||
.centeritem {
|
.WHITE-theme {
|
||||||
background: #a3b8e9;
|
color-scheme: light;
|
||||||
}
|
|
||||||
.nonimagecenter{
|
|
||||||
border-color: #b1afd8;
|
|
||||||
}
|
|
||||||
.background{
|
|
||||||
background:#000000bf;
|
|
||||||
}
|
|
||||||
.messagediv:hover{
|
|
||||||
background:rgb(162 162 198);
|
|
||||||
}
|
|
||||||
pre{
|
|
||||||
background:#101014;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
samp{
|
|
||||||
background:#101014;
|
|
||||||
}
|
|
||||||
.contextbutton{
|
|
||||||
background:rgb(139 139 255);
|
|
||||||
color:#01021a;
|
|
||||||
}
|
|
||||||
.infosection{
|
|
||||||
background:#57577c;
|
|
||||||
}
|
|
||||||
.profile{
|
|
||||||
background:#a4a0bb;
|
|
||||||
}
|
|
||||||
.hypoprofile{
|
|
||||||
background:#a4a0bb;
|
|
||||||
}
|
|
||||||
.contextbutton:hover{
|
|
||||||
background:rgb(84 84 166);
|
|
||||||
}
|
|
||||||
.contextmenu{
|
|
||||||
background:#a4a2b1;
|
|
||||||
}
|
|
||||||
.blankserver{
|
|
||||||
background:#8b8b98;
|
|
||||||
}
|
|
||||||
body{
|
|
||||||
background:rgb(160 160 229);
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
#channels{
|
|
||||||
background:rgb(123 123 196);
|
|
||||||
}
|
|
||||||
input{
|
|
||||||
background:rgb(163 163 210);
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
.spoiler{
|
|
||||||
background:black;
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
.spoiler:hover{
|
|
||||||
background:#111111;
|
|
||||||
color:#111111;
|
|
||||||
}
|
|
||||||
.unspoiled{
|
|
||||||
background:#454545;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.unspoiled:before {
|
--primary-text: #000;
|
||||||
background-color: rgb(0 0 0);
|
--primary-bg: #FFF;
|
||||||
background-clip: content-box;
|
--black: #FFF;
|
||||||
}
|
|
||||||
.replying{
|
|
||||||
background:#5f68bb;
|
|
||||||
}
|
|
||||||
#typing{
|
|
||||||
background:#161616;
|
|
||||||
}
|
|
||||||
.lightbr{
|
|
||||||
border-color: #929292;
|
|
||||||
color:black;
|
|
||||||
background-color:#9ea7dd;
|
|
||||||
}
|
|
||||||
.Home{
|
|
||||||
background:#7ea6b9;
|
|
||||||
}
|
|
||||||
.timestamp{
|
|
||||||
color:#2c2b31;
|
|
||||||
|
|
||||||
}
|
--message-bg-hover: #d2d2df;
|
||||||
.reply{
|
--typing-bg: #dad8d8;
|
||||||
border-color:#000000;
|
--profile-bg: #afabc5;
|
||||||
}
|
--timestamp-color: #a2a2a2;
|
||||||
.replytext{
|
--code-bg: #cbcbcc;
|
||||||
padding:.05in;
|
--info-bg: #b0b0c5;
|
||||||
color:#1f1f21;
|
--user-info-bg: #b0abc2;
|
||||||
}
|
--user-dock-bg: #b2b2c4;
|
||||||
::-webkit-scrollbar-track {
|
--channels-bg: #c2c2d1;
|
||||||
|
--channel-hover: #b8b5cc;
|
||||||
|
--blank-bg: #ceccdd;
|
||||||
|
--light-border: #929292;
|
||||||
|
--settings-hover: #b5b1bb;
|
||||||
|
--quote-bg: #7a798e;
|
||||||
|
--button-bg: #b7b7cc;
|
||||||
|
--textarea-bg: #b1b6ce;
|
||||||
|
--filename: #47bbff;
|
||||||
|
--mention-bg: #F00;
|
||||||
|
--pronouns: #202020;
|
||||||
|
|
||||||
|
--server-border: #aaaac4;
|
||||||
|
--server-hover: #b5b5ce;
|
||||||
|
|
||||||
background: #978fae;
|
--reply-border: #474b76;
|
||||||
}
|
--reply-bg: #d4d6e9;
|
||||||
|
--reply-text: #38383d;
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
--spoiler-hover: #b9b9b9;
|
||||||
background: #52515a;
|
--spoiler-open-bg: #dadada;
|
||||||
box-shadow: 0px 2px 5px #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
--unknown-file-bg: #bdbdbd;
|
||||||
background: #63636a;
|
--unknown-file-border: #adadad;
|
||||||
box-shadow: 0px 2px 5px #000000;
|
|
||||||
}
|
|
||||||
.pronouns{
|
|
||||||
color: #111111;
|
|
||||||
}
|
|
||||||
textarea{
|
|
||||||
background:#9ea9e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Channel:hover{
|
--login-border: #c3c0e0;
|
||||||
background:#5a4fb9;
|
--loading-bg: #b5b7cc;
|
||||||
}
|
|
||||||
.servertd{
|
|
||||||
background:#a5a5dc;
|
|
||||||
border-color:#8c8cb0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.channeleffects:hover{
|
--dialog-bg: #c1c8d6;
|
||||||
background:#554ab8;
|
--dialog-border: #b9b7db;
|
||||||
}
|
|
||||||
.tag{
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
#userdock{
|
|
||||||
background:#626292;
|
|
||||||
}
|
|
||||||
#settings:hover{
|
|
||||||
background:#473962;
|
|
||||||
}
|
|
||||||
#userinfo{
|
|
||||||
background:#4e3c8f;
|
|
||||||
}
|
|
||||||
button{
|
|
||||||
color:black;
|
|
||||||
background:#6363c6;
|
|
||||||
}
|
|
||||||
input::file-selector-button{
|
|
||||||
color:black;
|
|
||||||
background:#6363c6;
|
|
||||||
}
|
|
||||||
#logindiv{
|
|
||||||
background: #33363d;
|
|
||||||
border-color:#131315;
|
|
||||||
}
|
|
||||||
.addchannel:hover{
|
|
||||||
background:#524089;
|
|
||||||
}
|
|
||||||
input[type="checkbox"] {
|
|
||||||
accent-color:#5b5dbf;
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
.quoteline{
|
|
||||||
background:#636274;
|
|
||||||
}
|
|
||||||
#loading{
|
|
||||||
background:#9ba0cd;
|
|
||||||
}
|
|
||||||
.unkownfile{
|
|
||||||
background:#a69cbb;
|
|
||||||
border-color:#474555;
|
|
||||||
}
|
|
||||||
.filename{
|
|
||||||
color:#47bbff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.unread{
|
--scrollbar-track: #d2cedf;
|
||||||
background:#ffffff;
|
--scrollbar-thumb: #bdbcca;
|
||||||
border-color:black;
|
--scrollbar-thumb-hover: #a7a7be;
|
||||||
}
|
|
||||||
.pinged{
|
|
||||||
background:red;
|
|
||||||
}
|
|
||||||
.cunread{
|
|
||||||
box-shadow: inset .024in 0 white;
|
|
||||||
}
|
}
|
||||||
|
.Light-theme {
|
||||||
|
color-scheme: light;
|
||||||
|
|
||||||
.startreply{
|
--primary-text: #000;
|
||||||
background: black;
|
--primary-bg: #8e90c3;
|
||||||
|
--black: #fff;
|
||||||
|
|
||||||
|
--message-bg-hover: #5757b5;
|
||||||
|
--typing-bg: #000000;
|
||||||
|
--profile-bg: #8075bf;
|
||||||
|
--timestamp-color: #000000;
|
||||||
|
--code-bg: #a89adf;
|
||||||
|
--info-bg: #6060a3;
|
||||||
|
--user-info-bg: #796f9a;
|
||||||
|
--user-dock-bg: #83839d;
|
||||||
|
--channels-bg: #c2c2d1;
|
||||||
|
--channel-hover: #726e88;
|
||||||
|
--blank-bg: #5e50c5;
|
||||||
|
--light-border: #000000;
|
||||||
|
--settings-hover: #b5b1bb;
|
||||||
|
--quote-bg: #7a798e;
|
||||||
|
--button-bg: #96969e;
|
||||||
|
--textarea-bg: #abb1cd;
|
||||||
|
--filename: #47bbff;
|
||||||
|
--mention-bg: #F00;
|
||||||
|
--pronouns: #202020;
|
||||||
|
|
||||||
|
--server-border: #aaaac4;
|
||||||
|
--server-hover: #7f7fa8;
|
||||||
|
|
||||||
|
--reply-border: #474b76;
|
||||||
|
--reply-bg: #d4d6e9;
|
||||||
|
--reply-text: #38383d;
|
||||||
|
|
||||||
|
--spoiler-hover: #34333a;
|
||||||
|
--spoiler-open-bg: #767587;
|
||||||
|
|
||||||
|
--unknown-file-bg: #bdbdbd;
|
||||||
|
--unknown-file-border: #adadad;
|
||||||
|
|
||||||
|
--login-border: #c3c0e0;
|
||||||
|
--loading-bg: #b5b7cc;
|
||||||
|
|
||||||
|
--dialog-bg: #c1c8d6;
|
||||||
|
--dialog-border: #b9b7db;
|
||||||
|
|
||||||
|
--scrollbar-track: #d2cedf;
|
||||||
|
--scrollbar-thumb: #bdbcca;
|
||||||
|
--scrollbar-thumb-hover: #a7a7be;
|
||||||
}
|
}
|
||||||
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue