/** * @name ARP Takao * @description Takao from Arpeggio of Blue Steel with an aqua and violet color palette. * @author Airtroops#0083 * @version B1.1 20221115 semi-autoupdate * @invite PZdnCVD * @website https://codedotspectra.me/ * @source https://laynetheepic.github.io/projects/pc-theme-converter/ */ /* This is a new version of Takao that uses the current version of Spectra's Neutron theme. A multitude of changes/additions are/have been made with help and ideas from TechieCreeper#0377, Accrazed#2710, a wandering wise w1zard, and Ме́филес#9198 along with continued use of Spectra's resouces when possible. If this theme doesn't do it for you, check out what hes up to nowadays, he makes great stuff and the website is up above. */ @import url("https://codedotspectra.github.io/themes/themes-cores/neutron8.css"); @import url("https://codedotspectra.github.io/themes/core/badges.css"); @import url("https://codedotspectra.github.io/themes/core/custom-font.css"); @import url("https://codedotspectra.github.io/themes/core/hljs.css"); @import url("https://monstrousdev.github.io/themes/addons/user-tags.css"); @import url("https://discord-custom-covers.github.io/usrbg/dist/usrbg.css"); @import url("https://codedotspectra.github.io/themes/core/settings-icons.css"); /* Import your font here */ @import url('https://fonts.googleapis.com/css?family=Courgette'); /* This is the root. You can make changes here, but do not make any changes to the large middle section if you want things to work properly. */ /* There is a section at the end for changing more things or adding code to the body. */ :root { /* COLORS */ --themeColor1: #20c577; /* Promenant primary color, used for a lot of things. */ --themeColor2: #3a97bd; /* Most common primary color, used in a good bit of things. Should compliment but be significantly different from color1. */ --themeColor3: #b57edc; /* Highlights, accents, and small areas such as unread messages */ --themeColor4: #0d1231; /* Top bar, text box, and window color; the base. You want this to be dark if you aren't a psychopath. */ /* CUSTOM FONT */ --customFont: 'Courgette', sans-serif; /* Custom font, change the name in 'font name here', you must import the font first */ --font-display: var(--customFont); /* HOME BUTTON */ --homeImage: url('https://cdn.discordapp.com/attachments/539465124977836034/706963909113938021/28p.png'); /* Home button image, must be a direct link */ --homeImageSize: cover; /* To cover the button, set to "cover". You can also set it to "100% 100%" but the image will be stretched. Set to "contain" tu see the entire image */ /* BACKGROUND */ --backgroundImage: url('https://cdn.discordapp.com/attachments/334930755736174592/706960082252070953/ARP_Takao.png')!important; --backgroundPosition: center; /* Image position | center, left, right, bottom, top */ --backgroundSize: cover; /* To cover the entire app, set to "cover". You can also set it to "100% 100%" but the image will be stretched. Set to "contain" tu see the entire image */ --backgroundRepeat: no-repeat; /* If you want the image to repeat | Google "css background repeat" */ --backgroundBlur: 0px; /* Set to 0 to remove blur | Set to 10px for average blur */ --backgroundOpacity: 0.5; /* 0 is transparent */ /* Dont mess with these */ --backgroundColor: var(--themeColor4); --backgroundCode: rgba(0,0,0,.5); --backgroundName: rgba(0,0,0,.5); } /* vvvvvvvvv Things you might want to change vvvvvvvvvv */ /* #v# Text colors */ /* Chat text color */ .cozy-VmLDNB .messageContent-2t3eCI { color: #fce205; text-shadow: 0 0 6px #000000, 0 0 9px #000000, 0 0 14px #000000; overflow: visible; } /* Role title color (Headers for right panel) */ .membersGroup-2eiWxl span { color: #d90000; } /* Link text color */ .markup-eYLPri a { color: var(--themeColor3); } /* Selected Channel */ #app-mount .wrapper-NhbLHG.modeSelected-3DmyhH .name-28HaxV, #app-mount .modeSelected-3DmyhH:hover .name-28HaxV, #app-mount .modeSelected-3DmyhH .icon-2W8DHg, #app-mount .modeSelected-3DmyhH:hover .icon-2W8DHg { color: #80FFFF; } /* Read Channels */ #app-mount .icon-2W8DHg, #app-mount .name-28HaxV { color: var(--themeColor2); } /* Unread Channel */ #app-mount .modeUnread-3Cxepe .name-28HaxV, #app-mount .modeUnread-3Cxepe:hover .name-28HaxV, #app-mount .modeUnread-3Cxepe .icon-2W8DHg, #app-mount .modeUnread-3Cxepe:hover .icon-2W8DHg { color: var(--themeColor3); } /* Muted Channel */ #app-mount .modeMuted-2T4MDZ .icon-2W8DHg, #app-mount .modeMuted-2T4MDZ .name-28HaxV { color: #800000; } /* Various menu and small visual changes */ /* Makes Spotify Profile Header not ugly as sin */ .headerSpotify-zpWxgT { background-image: linear-gradient(to top right, var(--themeColor1), var(--themeColor2)); } /* Server menu Changes */ #app-mount .menu-1QACrS { background: #000000; } /* Jump to Present and Unread-clearing bars */ .barButtonBase-Sk2mdB { color: #ffffff; text-shadow: 0 0 2px #000000, 0 0 4px #000000; /* ^^ the text color */ background-color: var(--themeColor1); } .barButtonBase-Sk2mdB, .newMessagesBar-1hF-9G { opacity: .8; border-radius: 10px 10px 10px 10px; } .jumpToPresentBar-1cEnH0 { background-color: transparent; } .barButtonAlt-TQoCdZ { border-radius: 0px 10px 10px 0px !important; } .barButtonMain-2GIx4o { border-radius: 10px 0px 0px 10px; } /* Embeds */ .embedFull-1HGV2S { background-color: transparent; } .embedFull-1HGV2S::after { background-image: none; filter: blur(0px); } /* vvvvvvvvv Things you probably don't want to change vvvvvvvvvv * /* Background tint */ .appMount-2yBXZl, body { background-color: rgba(0, 0, 0, 1) !important; } /* SELECTED MENTION + EMOJI COLOR */ .theme-dark .selectorSelected-1_M1WV { background-color: var(--themeColor3)!important; } /* Channel Category Shadows */ .overflow-1wOqNV { text-shadow: 0 0 6px #000000, 0 0 8px #000000, 0 0 12px #000000, 0 0 12px #000000; overflow: visible; } .container-q97qHp {overflow: visible;} .membersGroup-2eiWxl{overflow: hidden;} .mainContent-uDGa6R{overflow: visible;} /* Channel Shadows */ .channelName-3KPsGw { text-shadow: 0 0 6px #000000, 0 0 10px #000000, 0 0 12px #000000; overflow: visible; } /* Username Shadows */ .clickable-31pE3P { text-shadow: 0 0 6px #000000, 0 0 8px #000000, 0 0 12px #000000, 0 0 12px #000000; overflow: visible; } /* Username Shadows in right panel */ .username-i5-wv- { text-shadow: 0 0 6px #000000, 0 0 8px #000000, 0 0 12px #000000, 0 0 12px #000000; overflow: visible !important; } .content-1U25dZ, .name-3Vmqxm { overflow: visible; } /* Compact member list */ .membersWrap-3NUR2t { min-width: unset; } .membersWrap-3NUR2t .members-3WRCEx { max-width: 65px; min-width: 65px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .membersWrap-3NUR2t .members-3WRCEx:hover { max-width: 280px; min-width: 280px; } .membersWrap-3NUR2t .members-3WRCEx .content-2a4AW9:not(:hover) { padding-top: 0px; } .membersGroup-2eiWxl { margin-left: 60px; } /* NIER:AUTOMATA CURSOR */ #app-mount, .title-3hptVQ, .modeDefault-2fEh7a, .container-ZMc96U, .titleBar-1it3bQ { cursor: url("https://accrazed.github.io/YoRHA-UI-BetterDiscord/Pointers/Hack_Normal_Select_v2.cur"), default !important; } .timestamp-p1Df1m, .latin24CompactTimeStamp-2pXUBq, .searchBar-zdmu7v, .contents-2MsGLg, textarea, .textAreaSlate-9-y-k2 div div, input { cursor: url("https://accrazed.github.io/YoRHA-UI-BetterDiscord/Pointers/Hack_Text_Select_v2.cur"), default !important; } a, button, .folder-21wGz3, .item-3eFBNF, .css-gvi9bl-control, .css-rzbxvl-option, .css-1ba14n5-option, .css-ku6vh5-indicatorContainer, .avatar-2e8lTP, .fileInput-2wWHbw, .container-2nx-BQ, .input-2XRLou, .profileBadge-12r2Nm, .item-1OdjEX, .container-YkUktl .avatar-1EWyVD, .wrapper-28eC3z, .result-u66Ywh, .labelClickable-eiZOrp, .buttonWrapper-3YFQGJ, [role=button], [role=button] header, [type=checkbox], label, .item-2idW98, .additionalActionsIcon-1FoUlE, .clickable-28SzVr:hover .layout-1qmrhw, .actionIcon-2sw4Sl, .clickable-LksVCf, .header-3OsQeK, .folder-241Joy, .friendsTable-133bsv .friendsRow-2yicud { cursor: url("https://accrazed.github.io/YoRHA-UI-BetterDiscord/Pointers/Hack_Link_Select_v2.cur"), default !important; } .grabber-2GQyvM { cursor: url("https://accrazed.github.io/YoRHA-UI-BetterDiscord/Pointers/Hack_Horizontal_Resize_v2.cur"), default !important; } .disabled, .innerDisabled-2dbG11, .disabled-29cfPA, .disabled-2qTmnp, .modeLocked-3sToxd, .modeLocked-3sToxd .mainContent-20q_Hp { cursor: url("https://accrazed.github.io/YoRHA-UI-BetterDiscord/Pointers/Hack_Unavailable_v2.cur"), default !important; } /* vvvvvvvvv Things you have added yourself vvvvvvvvvv */