Last active
April 13, 2023 14:36
-
-
Save xFGhoul/234c14de7f865dfe98c84d6a7d80e83d to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* @name NotAnotherAnimeTheme | |
* @author puckzxz#2080 | |
* @version 3.2 | |
* @description An easily customizable and automatically updating theme | |
* @invite FdZhbjY | |
* @source https://github.com/puckzxz/NotAnotherAnimeTheme | |
* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css | |
*/ | |
@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); | |
/* | |
To make editing this theme easier I recommend using Notepad++ | |
you can download it for free here https://notepad-plus-plus.org/download/ | |
*/ | |
/* Any images you use MUST end with .jpg or .png or any other image extension */ | |
:root { | |
/* | |
Theme Background | |
*/ | |
--theme-background-image: url(https://i.imgur.com/QizC0nv.png); | |
/* | |
Main Theme Color | |
*/ | |
--main-theme-color: rgb(67, 181, 129); | |
/* | |
Main Theme Transparency | |
*/ | |
--theme-transparency: rgba(0, 0, 0, 0.8); | |
/* | |
Home Icon Image | |
*/ | |
--home-icon-image: url(https://cdn.discordapp.com/attachments/799040657033003021/1096079521406529626/icon.png); | |
/* | |
Change your friends icon image position | |
*/ | |
--home-icon-image-position: center center; | |
/* | |
Change your friends icon image zoom | |
*/ | |
--home-icon-image-zoom: 100%; | |
/* | |
Server Listing Width | |
Single Column: 62px | |
Double Column: 126px | |
Triple Column: 184px | |
Quad Column: 242px | |
*/ | |
--server-listing-width: 62px; | |
/* | |
Font Size | |
*/ | |
--font-size: 100%; | |
/* | |
Mention colors | |
*/ | |
--mention-color: rgba(250, 166, 26, 0.05); | |
--mention-sider: rgba(250, 166, 26, 1); | |
--mention-hover-color: rgba(250, 166, 26, 0.08); | |
/* | |
Server category hover color | |
*/ | |
--category-hover-color: rgb(60, 202, 138); | |
/* | |
Change the unread server animation. | |
Replace it with "none" in order to remove any animations and use the main color instead | |
*/ | |
--unread-server-animation: none; | |
/* | |
Video / Screen share buttons | |
*/ | |
--video-screen-button-background-color: rgba(200, 200, 200, 0.2); | |
--video-screen-button-foreground-color: white; | |
--video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); | |
--video-screen-button-foreground-hovor-color: white; | |
/* | |
Role Title Color | |
*/ | |
--member-listing-role-color: var(--main-theme-color); | |
/* | |
Small User Popout | |
*/ | |
--small-user-popout-background-image: var(--theme-background-image); | |
--small-user-popout-background-transparency: rgba(0, 0, 0, 0.6); | |
--small-user-popout-background-image-position: center; | |
/* | |
Big User Popout | |
*/ | |
--big-user-popout-background-image: var(--theme-background-image); | |
--big-user-popout-background-transparency: rgba(0, 0, 0, 0.6); | |
--big-user-popout-background-image-position: center; | |
/* | |
Code Markup | |
*/ | |
--code-markup-background-color: rgba(0, 0, 0, 0.6); | |
--code-markup-border: 1px solid transparent; | |
/* | |
Message Box Transparency | |
*/ | |
--message-box-transparency: rgba(0, 0, 0, 0.6); | |
/* | |
Embed Background Transparency | |
*/ | |
--embed-background-transparency: rgba(0, 0, 0, 0.6); | |
/* | |
Message Hover Buttons | |
*/ | |
--message-hover-buttons-background: rgba(200, 200, 200, 0.1); | |
/* | |
Context Menu Transparency | |
*/ | |
--context-menu-transparency: rgba(15, 15, 15, 0.8); | |
/* | |
Add Server / Discovery Icon | |
*/ | |
--add-discover-icon-transparency: rgba(200, 200, 200, 0.15); | |
--add-discover-icon-color: #43b581; | |
/* | |
Channel Limit Number Color | |
*/ | |
--channel-limit-count-color: var(--channels-default); | |
--channel-limit-background-left: rgba(200, 200, 200, 0.1); | |
--channel-limit-background-right: rgba(200, 200, 200, 0.2); | |
/* | |
Scrollbar Colors | |
*/ | |
--scrollbar-color: rgba(200, 200, 200, 0.2); | |
/* | |
Unread Message Divider | |
*/ | |
--unread-message-divider-color: #f04747; | |
--unread-message-divider-font-color: #fff; | |
/* | |
New Messages Bar Color | |
*/ | |
--new-messages-bar-background-color: #7289da; | |
--new-messages-bar-font-color: #fff; | |
/* | |
Emoji Menu | |
*/ | |
--emoji-menu-background-color: rgba(0, 0, 0, 0.6); | |
--emoji-menu-sider-background-color: rgba(0, 0, 0, 0); | |
--emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); | |
--emoji-menu-bottom-bar-background-color: black; | |
--emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); | |
/* | |
Message Search | |
*/ | |
--message-search-menu-background-color: rgba(0, 0, 0, 0.8); | |
--message-search-container-background-color: rgba(0, 0, 0, 0.6); | |
--message-search-result-background-color: rgba(200, 200, 200, 0.05); | |
/* | |
Channel colors | |
*/ | |
--text-voice-channel-color: rgb(142, 146, 151); | |
--text-voice-channel-hover-color: #dcddde; | |
--text-voice-channel-selected-text-color: #fff; | |
--unread-text-channel-color: #fff; | |
--unread-text-channel-bubble-color: var(--main-theme-color); | |
/* | |
Folders | |
*/ | |
--folder-background-color: #2f3136; | |
--expanded-folder-background-color: transparent; | |
/* | |
Reactions | |
*/ | |
--reaction-emoji-background-color: rgba(0, 0, 0, 0); | |
--reaction-emoji-border-color: 1px solid transparent; | |
--reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); | |
--reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); | |
} | |
.pill-1z4sAY .item-2LIpTv, | |
.pill-3N7f9r .item-2LIpTv, | |
.pill-2RsI5Q .item-2LIpTv, | |
.pill-L_aLMQ .item-2LIpTv { | |
border: 0px; | |
border-radius: 0 4px 4px 0; | |
top: 20px; | |
left: -14px; | |
width: 8px; | |
height: 8px !important; | |
background-color: #fff; | |
} | |
.item-2LIpTv:not([style*="height: 8px"]):not([style*="height: 20px"]) { | |
top: 4px; | |
height: 40px !important; | |
} | |
.item-2LIpTv:not([style*="height: 8px"]):not([style*="height: 40px"]) { | |
top: 14px; | |
height: 20px !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment