Skip to content

Instantly share code, notes, and snippets.

@ktwrd

ktwrd/README.md

Last active July 6, 2023 06:10
Show Gist options
  • Save ktwrd/bb70a25526bf6f2a270f2fe316f2da22 to your computer and use it in GitHub Desktop.
Save ktwrd/bb70a25526bf6f2a270f2fe316f2da22 to your computer and use it in GitHub Desktop.
Download ZIP
Custom Revolt Theme
Raw
README.md

To install, copy the content of theme.json and then click the upload icon under Settings->Appearance->Theme Overrides.

image

If you would like to generate the theme yourself and insert it into an existing theme override. Use my Revolt Theme Tool

Preview

image

Based off Skeumorphic Theme by Solinus (message)

Raw
style.css
[class^="IconBase__ImageIconBase"] {
width: 24px;
height: 24px;
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;
image-rendering: -webkit-optimize-contrast;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/*[class^="Grid-sc-"] > img[class^="_image_"] {
filter: blur(40px);
transition: .2s;
}
[class^="Grid-sc-"] > img[class^="_image_"]:hover {
filter: blur(0px);
}*/
[class^="TypingIndicator__Base"] {
margin: 0 !important;
}
[class^="MessageBox__Base-sc-"] {
margin: 0 1rem 1.4rem 1rem;
border-radius: 11px;
}
[class^="MessageBase__MessageContent"] [class^="_embed"] {
width: 100% !important;
}
[class^="FilePreview__Container-sc-"],
[class^="TypingIndicator__Base-sc-"],
[class^="AutoComplete__Base-sc-"],
[class^="JumpToBottom__Bar-sc-"] {
margin: 0 1rem;
border-radius: 11px;
}
[class^="AutoComplete__Base-sc-"] > div{
border-radius: 11px;
}
/* tweaks from https://ktwrd.github.com/revolt-css-tweaks.html */
/* max embedded image size of 12rem */
._image_dxa3n_9 {
max-height: 12rem;
object-fit: scale-down;
}
/* custom font size for code blocks */
.bWNgVL, ._settings_t7t23_33 ._sidebar_t7t23_39 ._version_t7t23_53, .cerZqH .code, .bWaHqo {
font-size: 14px;
}
/* hide homescreen actions */
[class^="_home_"] [class^="_homeScreen_"] [class^="_actions_"] {
display: none;
}
/* disable modal animations */
[class^="Container-sc-"], [class^="Base-sc-"], [class^="_settings_"] {
animation: none !important;
transition: none !important;
}
/* custom user icon border radius */
:root {
--border-radius-user-icon: 6px;
}
/* theme start */
:root {
--accent: #ff87f7;
--background: #1b1a19;
--hover: linear-gradient(288.02deg,
rgba(255, 255, 255, 0.0056) 7.96%,
rgba(255, 255, 255, 0.052777) 20.04%,
rgba(255, 255, 255, 0) 41.41%,
rgba(255, 255, 255, 0.0578224) 60.73%,
rgba(255, 255, 255, 0) 77.14%,
rgba(255, 255, 255, 0.08) 100%),
rgba(36, 28, 21, 0.5);
/* --background-url: "https://wavshare.kate.pet/HALLEYLABS/Darius%20%2B%20Rotteen/Darius%20%2B%20Rotteen%20-%20MORE%20ADVENTURES%20~%F0%9D%91%BB%F0%9D%92%89%F0%9D%92%86%20%F0%9D%91%AD%F0%9D%92%90%F0%9D%92%93%F0%9D%92%86%F0%9D%92%97%F0%9D%92%86%F0%9D%92%93%20%F0%9D%91%AD%F0%9D%92%8A%F0%9D%92%86%F0%9D%92%8D%F0%9D%92%85%F0%9D%92%95%F0%9D%92%93%F0%9D%92%8A%F0%9D%92%91~%20[FLAC]/Darius%20%2B%20Rotteen%20-%20MORE%20ADVENTURES%20~%F0%9D%91%BB%F0%9D%92%89%F0%9D%92%86%20%F0%9D%91%AD%F0%9D%92%90%20-%20Wallpaper%202.png"; */
--background-url: url("https://r.kate.pet/moreadventureswallpaper02");
--primary-background: linear-gradient(
180deg,
rgba(36, 36, 36, 0.75) 15%,
rgba(57, 52, 50, 0.95) 80.35%),
var(--background-url);
--secondary-background: linear-gradient(188.18deg, #141414 24.34%,
rgba(45, 45, 45, 0.761986) 58.6%,
rgba(24, 24, 24, 0.966129) 97.84%);
--settings-background: rgba(36, 36, 36, 0.5);
--primary-header: linear-gradient(271.63deg,
rgba(255, 255, 255, 0.00105454) 7.36%,
rgba(255, 255, 255, 0.00659713) 27.81%,
rgba(255, 255, 255, 0) 41.21%,
rgba(255, 255, 255, 0.00722779) 60.31%,
rgba(255, 255, 255, 0) 76.52%,
rgba(255, 255, 255, 0.01) 99.12%),
linear-gradient(0deg,
rgba(36, 219, 109, 0.15),
rgba(36, 219, 109, 0.15)),
linear-gradient(180deg,
rgba(89, 89, 89, 0.7) 0%,
rgba(33, 33, 33, 0.7) 44.27%,
rgba(5, 5, 5, 0.7) 51.56%,
rgba(38, 38, 38, 0.7) 100%);
--primary-header-hover: linear-gradient(271.63deg,
rgba(255, 255, 255, 0.00105454) 7.36%,
rgba(255, 255, 255, 0.00659713) 27.81%,
rgba(255, 255, 255, 0) 41.21%,
rgba(255, 255, 255, 0.00722779) 60.31%,
rgba(255, 255, 255, 0) 76.52%,
rgba(255, 255, 255, 0.01) 99.12%),
linear-gradient(0deg,
rgba(36, 219, 109, 0.15),
rgba(36, 219, 109, 0.15)),
linear-gradient(180deg,
rgba(102, 102, 102, 0.7) 0%,
rgba(41, 41, 41, 0.7) 48.5%,
rgba(28, 28, 28, 0.7) 49.99%,
rgba(74, 74, 74, 0.7) 100%);
--secondary-header: linear-gradient(271.63deg,
rgba(255, 255, 255, 0.00105454) 7.36%,
rgba(255, 255, 255, 0.00659713) 27.81%,
rgba(255, 255, 255, 0) 41.21%,
rgba(255, 255, 255, 0.00722779) 60.31%,
rgba(255, 255, 255, 0) 76.52%,
rgba(255, 255, 255, 0.01) 99.12%),
linear-gradient(0deg,
rgba(92, 52, 29, 0.15),
rgba(92, 52, 29, 0.15)),
linear-gradient(180deg,
rgba(89, 89, 89, 0.8) 0%,
rgba(33, 33, 33, 0.8) 44.27%,
rgba(5, 5, 5, 0.8) 51.56%,
rgba(38, 38, 38, 0.8) 100%);
--secondary-header-hover: linear-gradient(271.63deg,
rgba(255, 255, 255, 0.00105454) 7.36%,
rgba(255, 255, 255, 0.00659713) 27.81%,
rgba(255, 255, 255, 0) 41.21%,
rgba(255, 255, 255, 0.00722779) 60.31%,
rgba(255, 255, 255, 0) 76.52%,
rgba(255, 255, 255, 0.01) 99.12%),
linear-gradient(0deg,
rgba(92, 52, 29, 0.15),
rgba(92, 52, 29, 0.15)),
linear-gradient(180deg,
rgba(102, 102, 102, 0.8) 0%,
rgba(41, 41, 41, 0.8) 48.5%,
rgba(28, 28, 28, 0.8) 49.99%,
rgba(74, 74, 74, 0.8) 100%);
--message-box: linear-gradient(180deg,
rgba(5, 5, 5, 0.7) 0%,
rgba(33, 33, 33, 0.7) 56.13%,
rgba(38, 38, 38, 0.7) 100%);
--sidebar-active: #383837;
--fx: 0px 8px 10px rgba(0, 0, 0, 0.15),
inset 0px 1px 1px rgba(255, 255, 255, 0.3),
inset 0px -1px 1px rgba(0, 0, 0, 0.4);
--txt-fx: 0px 1px 4px #000000;
--border-radius: 4px;
}
/* breathe mentioned messages with saturation */
.fhGxEk {
animation: 700ms infinite alternate mention_breathe;
-webkit-animation: 700ms infinite alternate mention_breathe;
}
@keyframes mention_breathe {
0% {
backdrop-filter: saturate(20);
}
100% {
backdrop-filter: none;
}
}
@-webkit-keyframes mention_breathe {
0% {
backdrop-filter: saturate(20);
}
100% {
backdrop-filter: none;
}
}
/* Header */
.fPzJRX,
.fEKFaQ {
gap: 10px;
flex: 0 0 auto;
display: flex;
padding: 0px 16px;
-webkit-box-align: center;
align-items: center;
font-weight: 600;
user-select: none;
height: var(--header-height);
color: var(--foreground);
background-image: linear-gradient(
271.63deg,
rgba(255, 255, 255, 0.00105454) 7.36%,
rgba(255, 255, 255, 0.00659713) 27.81%,
rgba(255, 255, 255, 0) 41.21%,
rgba(255, 255, 255, 0.00722779) 60.31%,
rgba(255, 255, 255, 0) 76.52%,
rgba(255, 255, 255, 0.01) 99.12%),
linear-gradient(0deg,
rgba(36, 219, 109, 0.15),
rgba(36, 219, 109, 0.15)),
linear-gradient(180deg,
rgba(89, 89, 89, 0.7) 0%,
rgba(33, 33, 33, 0.7) 44.27%,
rgba(5, 5, 5, 0.7) 51.56%,
rgba(38, 38, 38, 0.7) 100%);
box-shadow: var(--fx);
backdrop-filter: blur(2px);
width: 100%;
z-index: 20;
position: absolute;
background-size: cover !important;
background-position: center center !important;
}
/* Header 2 */
.jKeKvP summary {
top: -1px;
z-index: 10;
position: sticky;
background: none;
color: var(--secondary-foreground);
outline: none;
cursor: pointer;
list-style: none;
user-select: none;
transition: opacity 0.2s ease 0s;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
gap: 4px;
display: flex;
-webkit-box-align: center;
align-items: center;
text-shadow: var(--txt-fx);
}
/*server bar*/
.jyizw {
background: var(--background);
}
/*Circle button*/
.gafLvO {
background: var(--secondary-header);
}
.ftlyRW {
overflow: visible;
}
/*friend list*/
.jKeKvP {
display: flex;
gap: 10px;
}
._friend_sd6wo_33,
.eMqgHq,
._entry_17p8w_127 {
background-image: var(--secondary-header);
backdrop-filter: blur(2px);
box-shadow: var(--fx);
}
._friend_sd6wo_33 {
margin-bottom: 8px;
}
._friend_sd6wo_33:hover,
.eMqgHq:hover {
background-image: var(--secondary-header-hover);
}
/*circle button friend*/
._friend_sd6wo_33,
._button_sd6wo_44,
.gafLvO {
box-shadow: var(--fx);
background-color: var(--hover);
}
/*bio*/
._header_17p8w_8,
._content_17p8w_77 {
box-shadow: var(--fx);
}
.ipBizw .account {
background: var(--secondary-header);
}
._content_17p8w_77 {
gap: 8px;
min-height: 240px;
max-height: 240px;
height: 100%;
display: flex;
padding: 1em 1.5em;
max-width: 560px;
overflow-y: auto;
flex-direction: column;
background: var(--secondary-background);
border-radius: 0 0 var(--border-radius) var(--border-radius);
backdrop-filter: blur(2px);
}
[data-scroll-offset] {
height: 100%;
}
/*Server Title*/
.dKFhRZ .container {
background-image: var(--secondary-header);
backdrop-filter: blur(2px);
box-shadow: var(--fx);
}
/*Text Shadow*/
.ioBQoL,
.iBmOin,
._friend_sd6wo_33 {
text-shadow: var(--txt-fx);
}
/*Message Box*/
.jBEnry {
background: var(--message-box);
box-shadow: var(--fx);
}
/*add file button*/
.gkHiCK {
background: var(--secondary-background);
box-shadow: var(--fx);
}
.cpmYho {
background: none;
}
/*reactions*/
.cTcKPP {
background: var(--message-box);
box-shadow: var(--fx);
border: none;
}
.cTcKPP:hover {
filter: none;
background: var(--secondary-header-hover);
}
/*react selected*/
.fDfxAc {
background: var(--primary-header);
box-shadow: var(--fx);
border: none;
}
/*buttons*/
.uZBqX,
.bQkbYV {
box-shadow: var(--fx);
color: var(--primary-foreground);
}
.claKep,
.bmfWCz {
box-shadow: var(--fx);
}
.claKep:hover,
.bmfWCz:hover,
.picker:hover {
background: var(--secondary-header-hover) !important;
}
.picker {
box-shadow: var(--fx);
background: var(--secondary-header) !important;
}
.uZBqX {
background: var(--primary-header);
}
.bQkbYV {
background: var(--secondary-header);
}
/*Embed*/
._embed_dxa3n_1._website_dxa3n_12 {
background: var(--secondary-background);
border-radius: var(--border-radius);
box-shadow: var(--fx);
backdrop-filter: blur(2px);
}
._attachment_197qa_1._text_197qa_33 ._textContent_197qa_39 {
background: var(--secondary-background);
border-radius: var(--border-radius);
box-shadow: var(--fx);
backdrop-filter: blur(2px);
}
._actions_iu4oa_1 {
background: var(--secondary-header);
}
.preact-context-menu .context-menu {
color: var(--secondary-foreground);
background: var(--message-box);
backdrop-filter: blur(2px);
box-shadow: var(--fx);
}
/*quote*/
.hQhqsU {
box-shadow: var(--fx);
background: var(--background);
padding: 2px 4px;
}
.iBmOin {
margin: 4px;
}
/*text box*/
.habcqT,
.bEeAEn,
.cIjJpw textarea,
.bWaHqo {
background: var(--message-box);
box-shadow: var(--fx);
border: none;
}
.Ga-DgS,
.habcqT {
border: none;
}
.bEeAEn:hover {
background: var(--message-box);
box-shadow: var(--fx);
}
/*invite*/
.bTyHZC {
background: var(--secondary-background);
box-shadow: var(--fx);
}
/*dropdown*/
.jfwTbF {
background: var(--message-box);
box-shadow: var(--fx);
}
option {
background: var(--backg);
}
.jfwTbF-actions {
background: #000;
box-shadow: var(--fx);
}
/*settings background*/
._content_t7t23_40 {
background: var(--settings-background);
}
/*settings sidebar*/
._sidebar_t7t23_39 {
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3),
inset -1px 0px 1px rgba(255, 255, 255, 0.3),
inset 1px 0px 1px rgba(0, 0, 0, 0.4);
}
/*line divider*/
.fAjgmF {
height: 3px;
}
/*settings horix bar thing or tipbase or banner whatever*/
.bQqZNf,
.cWmZdv,
.jzUIcb,
._entry_11fa1_300,
.fcRxoR {
box-shadow: var(--fx);
border: none
}
.bQqZNf:hover {
background: var(--secondary-header-hover);
}
/*code*/
.cerZqH .code {
background: var(--message-box);
box-shadow: var(--fx);
}
/*color palette*/
.jfZYHN .entry {
border: none;
box-shadow: var(--fx);
}
/*settings close*/
._settings_t7t23_33 ._action_t7t23_224 ._closeButton_t7t23_240 {
background: var(--secondary-header);
border: none;
box-shadow: var(--fx);
}
._settings_t7t23_33 ._action_t7t23_224 ._closeButton_t7t23_240:hover {
background: var(--secondary-header-hover);
}
/*emoji pack selector*/
.button {
background: var(--message-box) !important;
border: none !important;
box-shadow: var(--fx);
}
.button:hover {
background: var(--secondary-header-hover) !important;
border: none !important;
box-shadow: var(--fx);
}
.button[data-active="true"] {
background: var(--primary-header) !important;
border: none !important;
box-shadow: var(--fx);
}
.button[data-active="true"]:hover {
background: var(--primary-header-hover) !important;
border: none !important;
box-shadow: var(--fx);
}
/*profile preview*/
._user_11fa1_1 ._preview_11fa1_107 {
box-shadow: var(--fx);
}
/*server categories thing*/
.bUTirH>.inner {
background: var(--message-box);
box-shadow: var(--fx);
border-radius: var(--border-radius);
width: 200px;
}
/*server in the thing*/
.fqROCu {
padding: 4px 8px;
}
.fmiwFh:hover foreignobject {
filter: none;
}
.gafLvO:hover {
background: var(--secondary-header-hover);
}
.fqROCu>.inner {
background: var(--secondary-header);
box-shadow: var(--fx);
border-radius: var(--border-radius);
}
.AGPTR>.inner {
background: var(--secondary-header);
box-shadow: var(--fx);
border-radius: var(--border-radius);
}
/*server roles tab subtabs*/
.EfApJ {
background: var(--secondary-header);
box-shadow: var(--fx);
}
.qYvNV:hover {
box-shadow: var(--fx);
}
/*checkbox*/
.iuABtr {
background: var(--message-box);
box-shadow: var(--fx);
}
.gfBZnu {
box-shadow: var(--fx);
border: none;
}
/*checkbox bg*/
.bCPWex:hover {
background: none;
}
/*weird checkbox like thing*/
.iOwcZg {
background: var(--message-box);
box-shadow: var(--fx);
}
.dkdQXV,
.fMzLsl,
.ivgVKU {
box-shadow: var(--fx);
}
/*server settings members list*/
._userList_yllm8_30 ._invite_yllm8_51,
._userList_yllm8_30 ._ban_yllm8_52,
._userList_yllm8_30 ._member_yllm8_53 {
background: var(--message-box);
box-shadow: var(--fx);
border-radius: var(--border-radius);
margin-bottom: 12px;
}
/*stupid hover popup thing*/
.bnZuoo {
display: flex;
position: absolute;
place-self: end;
place-content: center;
-webkit-box-pack: center;
right: 0px;
top: -18px;
z-index: 0;
transition: box-shadow 0.1s ease-out 0s;
border-radius: 5px;
background: var(--secondary-header);
box-shadow: var(--fx) !important;
border: none;
}
/*emoji picker*/
.kpGWUw {
background: var(--background);
box-shadow: var(--fx);
}
/*emoji preview*/
.iGaZZQ {
background: var(--secondary-header);
box-shadow: var(--fx);
}
/*image view thing*/
.eiGSNL {
display: flex;
overflow: hidden;
flex-direction: column;
border-radius: 4px;
max-width: 100vw;
background: rgba(255, 255, 255, 0.01);
box-shadow: var(--fx) !important;
}
/*search results*/
.fTrPfq .message {
background: var(--secondary-header);
box-shadow: var(--fx);
}
.fTrPfq .message:hover {
background: var(--secondary-header-hover);
}
/*sidebar fx*/
.JkpVA,
.dUCGFk {
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3),
inset -3px 0px 1px rgba(255, 255, 255, 0.3),
inset 1px 0px 1px rgba(0, 0, 0, 0.4);
}
/*category*/
.iuNJGz {
color: var(--tertiary-foreground);
}
/*sidebar item*/
._item_1avxi_1:hover {
background: var(--secondary-header-hover);
box-shadow: var(--fx);
}
/*Selected*/
._item_1avxi_1[data-active=true] {
color: var(--accent);
background: var(--secondary-header);
box-shadow: var(--fx);
}
/* member sidebar category*/
.MemberList__ListCategory-sc-1bwlier-0 {
background: none;
}
/*popup */
.hZCoEm {
background: none;
border-radius: var(--border-radius);
box-shadow: var(--fx);
}
/*popup header*/
.fcjuaT {
background: var(--secondary-header);
box-shadow: var(--fx);
padding: 0.75rem;
}
/*popup content*/
.elkHIl {
padding: 1rem;
}
/*popup bg*/
.elkHIl {
background: var(--secondary-background);
}
/*popup actions*/
.hchWUK {
background: var(--background);
box-shadow: var(--fx);
padding: 0.75rem;
}
/*popup button highlighted*/
.jbwUqj {
background: var(--primary-header);
box-shadow: var(--fx);
}
/*popup button highlighted*/
.jbwUqj:hover {
background: var(--primary-header-hover);
box-shadow: var(--fx);
}
/*popup button*/
.jMjzeh {
background: var(--secondary-header);
box-shadow: var(--fx);
}
/*popup button*/
.jMjzeh:hover {
background: var(--secondary-header-hover);
box-shadow: var(--fx);
}
/*Network Status*/
.daStjn {
background: var(--secondary-header);
}
/*mobile nav*/
.fmxapA {
background: var(--secondary-header);
backdrop-filter: blur(2px);
box-shadow: var(--fx);
}
/*mobile nav selected*/
.brHoXv {
background: var(--primary-header);
box-shadow: var(--fx);
}
._settings_t7t23_33[data-mobile=true] {
background: var(--secondary-background);
}
._settings_t7t23_33[data-mobile=true] ._sidebar_t7t23_39,
._settings_t7t23_33[data-mobile=true] ._content_t7t23_40 {
background: var(--secondary-background);
}
Raw
theme.json
{"accent":"#ff87f7","background":"#191919","foreground":"#F6F6F6","block":"#2D2D2D","message-box":"#363636","mention":"rgba(242, 68, 79, 0.6)","success":"#65E572","warning":"#FAA352","tooltip":"#000000","error":"#ED4245","hover":"rgba(0, 0, 0, 0.1)","scrollbar-thumb":"#bf8abc","scrollbar-track":"transparent","primary-background":"#242424","primary-header":"#363636","secondary-background":"#1E1E1E","secondary-foreground":"#C8C8C8","secondary-header":"#2D2D2D","tertiary-background":"#4D4D4D","tertiary-foreground":"#b5b5b5","status-online":"#3ABF7E","status-away":"#F39F00","status-focus":"#4799F0","status-busy":"#F84848","status-streaming":"#977EFF","status-invisible":"#A5A5A5","light":false,"css":"[class^=\"IconBase__ImageIconBase\"] {\n width: 24px;\n height: 24px;\n image-rendering: auto;\n image-rendering: crisp-edges;\n image-rendering: pixelated;\n image-rendering: -webkit-optimize-contrast;\n}\n::-webkit-scrollbar {\n width: 12px;\n}\n\n::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); \n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 10px;\n -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); \n}\n/*[class^=\"Grid-sc-\"] > img[class^=\"_image_\"] {\n filter: blur(40px);\n transition: .2s;\n}\n\n[class^=\"Grid-sc-\"] > img[class^=\"_image_\"]:hover {\n filter: blur(0px);\n}*/\n[class^=\"TypingIndicator__Base\"] {\n margin: 0 !important;\n}\n[class^=\"MessageBox__Base-sc-\"] {\n\tmargin: 0 1rem 1.4rem 1rem;\n\tborder-radius: 11px;\n}\n[class^=\"MessageBase__MessageContent\"] [class^=\"_embed\"] {\n width: 100% !important;\n}\n[class^=\"FilePreview__Container-sc-\"],\n[class^=\"TypingIndicator__Base-sc-\"], \n[class^=\"AutoComplete__Base-sc-\"], \n[class^=\"JumpToBottom__Bar-sc-\"] {\n\tmargin: 0 1rem;\n\tborder-radius: 11px;\n}\n\n[class^=\"AutoComplete__Base-sc-\"] > div{\n\tborder-radius: 11px;\n}\n\n/* tweaks from https://ktwrd.github.com/revolt-css-tweaks.html */\n/* max embedded image size of 12rem */\n._image_dxa3n_9 {\n max-height: 12rem;\n object-fit: scale-down;\n}\n\n/* custom font size for code blocks */\n.bWNgVL, ._settings_t7t23_33 ._sidebar_t7t23_39 ._version_t7t23_53, .cerZqH .code, .bWaHqo {\n font-size: 14px;\n}\n\n/* hide homescreen actions */\n[class^=\"_home_\"] [class^=\"_homeScreen_\"] [class^=\"_actions_\"] {\n display: none;\n}\n\n/* disable modal animations */\n[class^=\"Container-sc-\"], [class^=\"Base-sc-\"], [class^=\"_settings_\"] {\n\tanimation: none !important;\n\ttransition: none !important;\n}\n\n/* custom user icon border radius */\n:root {\n --border-radius-user-icon: 6px; \n}\n\n\n/* theme start */\n\n:root {\n --accent: #ff87f7;\n --background: #1b1a19;\n --hover: linear-gradient(288.02deg,\n rgba(255, 255, 255, 0.0056) 7.96%,\n rgba(255, 255, 255, 0.052777) 20.04%,\n rgba(255, 255, 255, 0) 41.41%,\n rgba(255, 255, 255, 0.0578224) 60.73%,\n rgba(255, 255, 255, 0) 77.14%,\n rgba(255, 255, 255, 0.08) 100%),\n rgba(36, 28, 21, 0.5);\n /* --background-url: \"https://wavshare.kate.pet/HALLEYLABS/Darius%20%2B%20Rotteen/Darius%20%2B%20Rotteen%20-%20MORE%20ADVENTURES%20~%F0%9D%91%BB%F0%9D%92%89%F0%9D%92%86%20%F0%9D%91%AD%F0%9D%92%90%F0%9D%92%93%F0%9D%92%86%F0%9D%92%97%F0%9D%92%86%F0%9D%92%93%20%F0%9D%91%AD%F0%9D%92%8A%F0%9D%92%86%F0%9D%92%8D%F0%9D%92%85%F0%9D%92%95%F0%9D%92%93%F0%9D%92%8A%F0%9D%92%91~%20[FLAC]/Darius%20%2B%20Rotteen%20-%20MORE%20ADVENTURES%20~%F0%9D%91%BB%F0%9D%92%89%F0%9D%92%86%20%F0%9D%91%AD%F0%9D%92%90%20-%20Wallpaper%202.png\"; */\n --background-url: url(\"https://r.kate.pet/moreadventureswallpaper02\");\n --primary-background: linear-gradient(\n 180deg,\n rgba(36, 36, 36, 0.75) 15%,\n rgba(57, 52, 50, 0.95) 80.35%),\n var(--background-url);\n --secondary-background: linear-gradient(188.18deg, #141414 24.34%,\n rgba(45, 45, 45, 0.761986) 58.6%,\n rgba(24, 24, 24, 0.966129) 97.84%);\n --settings-background: rgba(36, 36, 36, 0.5);\n\n --primary-header: linear-gradient(271.63deg,\n rgba(255, 255, 255, 0.00105454) 7.36%,\n rgba(255, 255, 255, 0.00659713) 27.81%,\n rgba(255, 255, 255, 0) 41.21%,\n rgba(255, 255, 255, 0.00722779) 60.31%,\n rgba(255, 255, 255, 0) 76.52%,\n rgba(255, 255, 255, 0.01) 99.12%),\n linear-gradient(0deg,\n rgba(36, 219, 109, 0.15),\n rgba(36, 219, 109, 0.15)),\n linear-gradient(180deg,\n rgba(89, 89, 89, 0.7) 0%,\n rgba(33, 33, 33, 0.7) 44.27%,\n rgba(5, 5, 5, 0.7) 51.56%,\n rgba(38, 38, 38, 0.7) 100%);\n --primary-header-hover: linear-gradient(271.63deg,\n rgba(255, 255, 255, 0.00105454) 7.36%,\n rgba(255, 255, 255, 0.00659713) 27.81%,\n rgba(255, 255, 255, 0) 41.21%,\n rgba(255, 255, 255, 0.00722779) 60.31%,\n rgba(255, 255, 255, 0) 76.52%,\n rgba(255, 255, 255, 0.01) 99.12%),\n linear-gradient(0deg,\n rgba(36, 219, 109, 0.15),\n rgba(36, 219, 109, 0.15)),\n linear-gradient(180deg,\n rgba(102, 102, 102, 0.7) 0%,\n rgba(41, 41, 41, 0.7) 48.5%,\n rgba(28, 28, 28, 0.7) 49.99%,\n rgba(74, 74, 74, 0.7) 100%);\n\n --secondary-header: linear-gradient(271.63deg,\n rgba(255, 255, 255, 0.00105454) 7.36%,\n rgba(255, 255, 255, 0.00659713) 27.81%,\n rgba(255, 255, 255, 0) 41.21%,\n rgba(255, 255, 255, 0.00722779) 60.31%,\n rgba(255, 255, 255, 0) 76.52%,\n rgba(255, 255, 255, 0.01) 99.12%),\n linear-gradient(0deg,\n rgba(92, 52, 29, 0.15),\n rgba(92, 52, 29, 0.15)),\n linear-gradient(180deg,\n rgba(89, 89, 89, 0.8) 0%,\n rgba(33, 33, 33, 0.8) 44.27%,\n rgba(5, 5, 5, 0.8) 51.56%,\n rgba(38, 38, 38, 0.8) 100%);\n --secondary-header-hover: linear-gradient(271.63deg,\n rgba(255, 255, 255, 0.00105454) 7.36%,\n rgba(255, 255, 255, 0.00659713) 27.81%,\n rgba(255, 255, 255, 0) 41.21%,\n rgba(255, 255, 255, 0.00722779) 60.31%,\n rgba(255, 255, 255, 0) 76.52%,\n rgba(255, 255, 255, 0.01) 99.12%),\n linear-gradient(0deg,\n rgba(92, 52, 29, 0.15),\n rgba(92, 52, 29, 0.15)),\n linear-gradient(180deg,\n rgba(102, 102, 102, 0.8) 0%,\n rgba(41, 41, 41, 0.8) 48.5%,\n rgba(28, 28, 28, 0.8) 49.99%,\n rgba(74, 74, 74, 0.8) 100%);\n\n --message-box: linear-gradient(180deg,\n rgba(5, 5, 5, 0.7) 0%,\n rgba(33, 33, 33, 0.7) 56.13%,\n rgba(38, 38, 38, 0.7) 100%);\n --sidebar-active: #383837;\n\n --fx: 0px 8px 10px rgba(0, 0, 0, 0.15),\n inset 0px 1px 1px rgba(255, 255, 255, 0.3),\n inset 0px -1px 1px rgba(0, 0, 0, 0.4);\n --txt-fx: 0px 1px 4px #000000;\n\n --border-radius: 4px;\n}\n\n/* breathe mentioned messages with saturation */\n.fhGxEk {\n\tanimation: 700ms infinite alternate mention_breathe;\n\t-webkit-animation: 700ms infinite alternate mention_breathe;\n}\n\n@keyframes mention_breathe {\n\t0% {\n\t\tbackdrop-filter: saturate(20);\n\t}\n\t100% {\n\t\tbackdrop-filter: none;\n\t}\n}\n@-webkit-keyframes mention_breathe {\n\t0% {\n\t\tbackdrop-filter: saturate(20);\n\t}\n\t100% {\n\t\tbackdrop-filter: none;\n\t}\n}\n\n/* Header */\n.fPzJRX,\n.fEKFaQ {\n gap: 10px;\n flex: 0 0 auto;\n display: flex;\n padding: 0px 16px;\n -webkit-box-align: center;\n align-items: center;\n font-weight: 600;\n user-select: none;\n height: var(--header-height);\n color: var(--foreground);\n background-image: linear-gradient(\n 271.63deg,\n rgba(255, 255, 255, 0.00105454) 7.36%,\n rgba(255, 255, 255, 0.00659713) 27.81%,\n rgba(255, 255, 255, 0) 41.21%,\n rgba(255, 255, 255, 0.00722779) 60.31%,\n rgba(255, 255, 255, 0) 76.52%,\n rgba(255, 255, 255, 0.01) 99.12%),\n linear-gradient(0deg,\n rgba(36, 219, 109, 0.15),\n rgba(36, 219, 109, 0.15)),\n linear-gradient(180deg,\n rgba(89, 89, 89, 0.7) 0%,\n rgba(33, 33, 33, 0.7) 44.27%,\n rgba(5, 5, 5, 0.7) 51.56%,\n rgba(38, 38, 38, 0.7) 100%);\n box-shadow: var(--fx);\n backdrop-filter: blur(2px);\n width: 100%;\n z-index: 20;\n position: absolute;\n background-size: cover !important;\n background-position: center center !important;\n}\n\n/* Header 2 */\n.jKeKvP summary {\n top: -1px;\n z-index: 10;\n position: sticky;\n background: none;\n color: var(--secondary-foreground);\n outline: none;\n cursor: pointer;\n list-style: none;\n user-select: none;\n transition: opacity 0.2s ease 0s;\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n gap: 4px;\n display: flex;\n -webkit-box-align: center;\n align-items: center;\n text-shadow: var(--txt-fx);\n}\n\n/*server bar*/\n.jyizw {\n background: var(--background);\n}\n\n/*Circle button*/\n.gafLvO {\n background: var(--secondary-header);\n}\n\n.ftlyRW {\n overflow: visible;\n}\n\n\n/*friend list*/\n.jKeKvP {\n display: flex;\n gap: 10px;\n}\n\n._friend_sd6wo_33,\n.eMqgHq,\n._entry_17p8w_127 {\n background-image: var(--secondary-header);\n backdrop-filter: blur(2px);\n box-shadow: var(--fx);\n}\n\n._friend_sd6wo_33 {\n margin-bottom: 8px;\n}\n\n._friend_sd6wo_33:hover,\n.eMqgHq:hover {\n background-image: var(--secondary-header-hover);\n}\n\n/*circle button friend*/\n._friend_sd6wo_33,\n._button_sd6wo_44,\n.gafLvO {\n box-shadow: var(--fx);\n background-color: var(--hover);\n}\n\n/*bio*/\n._header_17p8w_8,\n._content_17p8w_77 {\n box-shadow: var(--fx);\n}\n\n.ipBizw .account {\n background: var(--secondary-header);\n}\n\n._content_17p8w_77 {\n gap: 8px;\n min-height: 240px;\n max-height: 240px;\n height: 100%;\n display: flex;\n padding: 1em 1.5em;\n max-width: 560px;\n overflow-y: auto;\n flex-direction: column;\n background: var(--secondary-background);\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n backdrop-filter: blur(2px);\n}\n\n[data-scroll-offset] {\n height: 100%;\n}\n\n/*Server Title*/\n.dKFhRZ .container {\n background-image: var(--secondary-header);\n backdrop-filter: blur(2px);\n box-shadow: var(--fx);\n}\n\n/*Text Shadow*/\n.ioBQoL,\n.iBmOin,\n._friend_sd6wo_33 {\n text-shadow: var(--txt-fx);\n}\n\n/*Message Box*/\n.jBEnry {\n background: var(--message-box);\n box-shadow: var(--fx);\n}\n\n/*add file button*/\n.gkHiCK {\n background: var(--secondary-background);\n box-shadow: var(--fx);\n}\n\n.cpmYho {\n background: none;\n}\n\n/*reactions*/\n.cTcKPP {\n background: var(--message-box);\n box-shadow: var(--fx);\n border: none;\n}\n\n.cTcKPP:hover {\n filter: none;\n background: var(--secondary-header-hover);\n}\n\n/*react selected*/\n.fDfxAc {\n background: var(--primary-header);\n box-shadow: var(--fx);\n border: none;\n}\n\n/*buttons*/\n.uZBqX,\n.bQkbYV {\n box-shadow: var(--fx);\n color: var(--primary-foreground);\n}\n\n.claKep,\n.bmfWCz {\n box-shadow: var(--fx);\n}\n\n.claKep:hover,\n.bmfWCz:hover,\n.picker:hover {\n background: var(--secondary-header-hover) !important;\n}\n\n.picker {\n box-shadow: var(--fx);\n background: var(--secondary-header) !important;\n}\n\n.uZBqX {\n background: var(--primary-header);\n}\n\n.bQkbYV {\n background: var(--secondary-header);\n}\n\n/*Embed*/\n._embed_dxa3n_1._website_dxa3n_12 {\n background: var(--secondary-background);\n border-radius: var(--border-radius);\n box-shadow: var(--fx);\n backdrop-filter: blur(2px);\n}\n\n._attachment_197qa_1._text_197qa_33 ._textContent_197qa_39 {\n background: var(--secondary-background);\n border-radius: var(--border-radius);\n box-shadow: var(--fx);\n backdrop-filter: blur(2px);\n}\n\n._actions_iu4oa_1 {\n background: var(--secondary-header);\n}\n\n.preact-context-menu .context-menu {\n color: var(--secondary-foreground);\n background: var(--message-box);\n backdrop-filter: blur(2px);\n box-shadow: var(--fx);\n}\n\n/*quote*/\n.hQhqsU {\n box-shadow: var(--fx);\n background: var(--background);\n padding: 2px 4px;\n}\n\n.iBmOin {\n margin: 4px;\n}\n\n/*text box*/\n.habcqT,\n.bEeAEn,\n.cIjJpw textarea,\n.bWaHqo {\n background: var(--message-box);\n box-shadow: var(--fx);\n border: none;\n}\n\n.Ga-DgS,\n.habcqT {\n border: none;\n}\n\n.bEeAEn:hover {\n background: var(--message-box);\n box-shadow: var(--fx);\n}\n\n/*invite*/\n.bTyHZC {\n background: var(--secondary-background);\n box-shadow: var(--fx);\n}\n\n/*dropdown*/\n.jfwTbF {\n background: var(--message-box);\n box-shadow: var(--fx);\n}\n\noption {\n background: var(--backg);\n}\n\n.jfwTbF-actions {\n background: #000;\n box-shadow: var(--fx);\n}\n\n/*settings background*/\n._content_t7t23_40 {\n background: var(--settings-background);\n}\n\n/*settings sidebar*/\n._sidebar_t7t23_39 {\n box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3),\n inset -1px 0px 1px rgba(255, 255, 255, 0.3),\n inset 1px 0px 1px rgba(0, 0, 0, 0.4);\n}\n\n/*line divider*/\n.fAjgmF {\n height: 3px;\n}\n\n/*settings horix bar thing or tipbase or banner whatever*/\n.bQqZNf,\n.cWmZdv,\n.jzUIcb,\n._entry_11fa1_300,\n.fcRxoR {\n box-shadow: var(--fx);\n border: none\n}\n\n.bQqZNf:hover {\n background: var(--secondary-header-hover);\n}\n\n/*code*/\n.cerZqH .code {\n background: var(--message-box);\n box-shadow: var(--fx);\n}\n\n/*color palette*/\n.jfZYHN .entry {\n border: none;\n box-shadow: var(--fx);\n}\n\n/*settings close*/\n._settings_t7t23_33 ._action_t7t23_224 ._closeButton_t7t23_240 {\n background: var(--secondary-header);\n border: none;\n box-shadow: var(--fx);\n}\n\n._settings_t7t23_33 ._action_t7t23_224 ._closeButton_t7t23_240:hover {\n background: var(--secondary-header-hover);\n}\n\n/*emoji pack selector*/\n.button {\n background: var(--message-box) !important;\n border: none !important;\n box-shadow: var(--fx);\n}\n\n.button:hover {\n background: var(--secondary-header-hover) !important;\n border: none !important;\n box-shadow: var(--fx);\n}\n\n.button[data-active=\"true\"] {\n background: var(--primary-header) !important;\n border: none !important;\n box-shadow: var(--fx);\n}\n\n.button[data-active=\"true\"]:hover {\n background: var(--primary-header-hover) !important;\n border: none !important;\n box-shadow: var(--fx);\n}\n\n\n/*profile preview*/\n._user_11fa1_1 ._preview_11fa1_107 {\n box-shadow: var(--fx);\n}\n\n/*server categories thing*/\n.bUTirH>.inner {\n background: var(--message-box);\n box-shadow: var(--fx);\n border-radius: var(--border-radius);\n width: 200px;\n}\n\n/*server in the thing*/\n.fqROCu {\n padding: 4px 8px;\n}\n\n.fmiwFh:hover foreignobject {\n filter: none;\n}\n\n.gafLvO:hover {\n background: var(--secondary-header-hover);\n}\n\n.fqROCu>.inner {\n background: var(--secondary-header);\n box-shadow: var(--fx);\n border-radius: var(--border-radius);\n}\n\n.AGPTR>.inner {\n background: var(--secondary-header);\n box-shadow: var(--fx);\n border-radius: var(--border-radius);\n}\n\n/*server roles tab subtabs*/\n.EfApJ {\n background: var(--secondary-header);\n box-shadow: var(--fx);\n}\n\n.qYvNV:hover {\n box-shadow: var(--fx);\n}\n\n/*checkbox*/\n.iuABtr {\n background: var(--message-box);\n box-shadow: var(--fx);\n}\n\n.gfBZnu {\n box-shadow: var(--fx);\n border: none;\n}\n\n\n/*checkbox bg*/\n.bCPWex:hover {\n background: none;\n}\n\n/*weird checkbox like thing*/\n.iOwcZg {\n background: var(--message-box);\n box-shadow: var(--fx);\n}\n\n.dkdQXV,\n.fMzLsl,\n.ivgVKU {\n box-shadow: var(--fx);\n}\n\n/*server settings members list*/\n\n._userList_yllm8_30 ._invite_yllm8_51,\n._userList_yllm8_30 ._ban_yllm8_52,\n._userList_yllm8_30 ._member_yllm8_53 {\n background: var(--message-box);\n box-shadow: var(--fx);\n border-radius: var(--border-radius);\n margin-bottom: 12px;\n}\n\n/*stupid hover popup thing*/\n.bnZuoo {\n display: flex;\n position: absolute;\n place-self: end;\n place-content: center;\n -webkit-box-pack: center;\n right: 0px;\n top: -18px;\n z-index: 0;\n transition: box-shadow 0.1s ease-out 0s;\n border-radius: 5px;\n background: var(--secondary-header);\n box-shadow: var(--fx) !important;\n border: none;\n}\n\n/*emoji picker*/\n.kpGWUw {\n background: var(--background);\n box-shadow: var(--fx);\n}\n\n/*emoji preview*/\n.iGaZZQ {\n background: var(--secondary-header);\n box-shadow: var(--fx);\n}\n\n/*image view thing*/\n.eiGSNL {\n display: flex;\n overflow: hidden;\n flex-direction: column;\n border-radius: 4px;\n max-width: 100vw;\n background: rgba(255, 255, 255, 0.01);\n box-shadow: var(--fx) !important;\n}\n\n/*search results*/\n.fTrPfq .message {\n background: var(--secondary-header);\n box-shadow: var(--fx);\n}\n\n.fTrPfq .message:hover {\n background: var(--secondary-header-hover);\n}\n\n/*sidebar fx*/\n.JkpVA,\n.dUCGFk {\n box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3),\n inset -3px 0px 1px rgba(255, 255, 255, 0.3),\n inset 1px 0px 1px rgba(0, 0, 0, 0.4);\n}\n\n/*category*/\n.iuNJGz {\n color: var(--tertiary-foreground);\n}\n\n/*sidebar item*/\n._item_1avxi_1:hover {\n background: var(--secondary-header-hover);\n box-shadow: var(--fx);\n}\n\n/*Selected*/\n._item_1avxi_1[data-active=true] {\n color: var(--accent);\n background: var(--secondary-header);\n box-shadow: var(--fx);\n}\n\n/* member sidebar category*/\n.MemberList__ListCategory-sc-1bwlier-0 {\n background: none;\n}\n\n/*popup */\n.hZCoEm {\n background: none;\n border-radius: var(--border-radius);\n box-shadow: var(--fx);\n}\n\n/*popup header*/\n.fcjuaT {\n background: var(--secondary-header);\n box-shadow: var(--fx);\n padding: 0.75rem;\n}\n\n/*popup content*/\n.elkHIl {\n padding: 1rem;\n}\n\n/*popup bg*/\n.elkHIl {\n background: var(--secondary-background);\n}\n\n/*popup actions*/\n.hchWUK {\n background: var(--background);\n box-shadow: var(--fx);\n padding: 0.75rem;\n}\n\n/*popup button highlighted*/\n.jbwUqj {\n background: var(--primary-header);\n box-shadow: var(--fx);\n}\n\n/*popup button highlighted*/\n.jbwUqj:hover {\n background: var(--primary-header-hover);\n box-shadow: var(--fx);\n}\n\n/*popup button*/\n.jMjzeh {\n background: var(--secondary-header);\n box-shadow: var(--fx);\n}\n\n/*popup button*/\n.jMjzeh:hover {\n background: var(--secondary-header-hover);\n box-shadow: var(--fx);\n}\n\n/*Network Status*/\n.daStjn {\n background: var(--secondary-header);\n}\n\n\n/*mobile nav*/\n.fmxapA {\n background: var(--secondary-header);\n backdrop-filter: blur(2px);\n box-shadow: var(--fx);\n}\n\n/*mobile nav selected*/\n.brHoXv {\n background: var(--primary-header);\n box-shadow: var(--fx);\n}\n\n._settings_t7t23_33[data-mobile=true] {\n background: var(--secondary-background);\n}\n\n._settings_t7t23_33[data-mobile=true] ._sidebar_t7t23_39,\n._settings_t7t23_33[data-mobile=true] ._content_t7t23_40 {\n background: var(--secondary-background);\n}","font":"Open Sans","monospaceFont":"Fira Code"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment