StarMirror/hack-chat-main
1
0
Fork 0
mirror of https://github.com/hack-chat/main.git synced 2024-03-22 13:20:33 +08:00
Code Issues Projects Releases Wiki Activity

Merge pull request #165 from Potatochips2001/master

Browse Source 
Added rainbow theme
This commit is contained in:
marzavec 2022-05-02 07:39:41 -07:00 committed by GitHub
commit 2b46f7a913
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 73 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/client.js
View File

@ -828,7 +828,8 @@ var schemes = [
'lax',
'Ubuntu',
'gruvbox-light',
'fried-egg'
'fried-egg',
'rainbow'
];
var highlights = [

71
client/schemes/rainbow.css Normal file
View File

@ -0,0 +1,71 @@
body {
background: #111;
color: #ccc;
}
input,
textarea {
color: #a6a28c;
}
.message {
border-left: 1px solid rgba(125, 122, 104, 0.5) !important;
}
.refmessage {
border-left: 1px solid rgba(125, 122, 104, 1) !important;
}
.nick {
background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 6s ease-in-out infinite;
background-size: 400% 100%;
}
.trip {
color: #777;
}
.text a {
color: #e8e4cf;
}
.admin .nick {
background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 6s ease-in-out infinite;
background-size: 400% 100%;
}
.mod .nick {
background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 6s ease-in-out infinite;
background-size: 400% 100%;
}
.me .nick {
background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 6s ease-in-out infinite;
background-size: 400% 100%;
}
.info .nick,
.info .text {
color: #60ac39;
}
.warn .nick,
.warn .text {
color: #cfb017;
}
#footer {
background: #111;
}
#sidebar {
background: #111;
border-color: #777;
}
#chatform {
border-color: #777;
}