From 3a998c5c8f4bcc775bc2e7f1fb5f0bc0b2eac335 Mon Sep 17 00:00:00 2001 From: Potatochips2001 <76017734+Potatochips2001@users.noreply.github.com> Date: Sat, 30 Apr 2022 02:19:23 -0400 Subject: [PATCH] added new theme --- client/schemes/rainbow.css | 71 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 71 insertions(+) create mode 100644 client/schemes/rainbow.css diff --git a/client/schemes/rainbow.css b/client/schemes/rainbow.css new file mode 100644 index 0000000..bf567d9 --- /dev/null +++ b/client/schemes/rainbow.css @@ -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; +} +