├── .gitignore ├── image ├── PTT4OKi.jpg └── header.jpg ├── community ├── Winter │ ├── README.md │ └── Winter.theme.css ├── ZeroTwo │ ├── README.md │ └── ZeroTwo.theme.css ├── TateNoYuushaFilo │ ├── README.md │ └── Tate_No_Yuusha_Filo.theme.css ├── README.md └── Wubzy's Themes │ ├── README.md │ ├── AnimePack │ ├── AnimePack FireForce 1.theme.css │ ├── AnimePack Neon 2.theme.css │ ├── AnimePack PeacefulCat.theme.css │ ├── AnimePack Blue Sky.theme.css │ ├── AnimePack Hot Tub.theme.css │ ├── AnimePack - Christmas.theme.css │ ├── AnimePack - The Ancient Magus' Bride.theme.css │ └── AnimePack Neon 3.theme.css │ ├── Homework Girl.theme.css │ ├── Wubzy.theme.css │ ├── AMOLED.theme.css │ ├── Lofi Christmas.theme.css │ └── NightLife Family │ ├── Whistful.theme.css │ ├── Defiant.theme.css │ └── Nightlife.theme.css ├── powercord_manifest.json ├── LICENSE ├── .github └── workflows │ ├── cdnmaster.yml │ └── cdndev.yml ├── README.md ├── NotAnotherAnimeTheme.theme.css └── css └── v3 ├── naat-min.v3.css └── naat.v3.css /.gitignore: -------------------------------------------------------------------------------- 1 | NotAnotherTestTheme.theme.css 2 | .vs/slnx.sqlite 3 | minify 4 | minify.exe -------------------------------------------------------------------------------- /image/PTT4OKi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/HEAD/image/PTT4OKi.jpg -------------------------------------------------------------------------------- /image/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/HEAD/image/header.jpg -------------------------------------------------------------------------------- /community/Winter/README.md: -------------------------------------------------------------------------------- 1 | # Winter 2 | A Winter theme made by V-X#5476 3 | 4 | ![](https://i.lensdump.com/i/8TZYqa.jpg) 5 | -------------------------------------------------------------------------------- /community/ZeroTwo/README.md: -------------------------------------------------------------------------------- 1 | # Zero Two 2 | A 002 theme made by Seva#4085 3 | 4 | ![zerotwopreview](https://i.imgur.com/obkj2AB.png) -------------------------------------------------------------------------------- /community/TateNoYuushaFilo/README.md: -------------------------------------------------------------------------------- 1 | # Tate No Yuusha - Filo 2 | A theme made by The0ne.ZoMBi#1966 3 | 4 | ![preview](https://i.imgur.com/wNsC0ks.jpg) -------------------------------------------------------------------------------- /powercord_manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name" : "NotAnotherAnimeTheme", 3 | "description" : "A easily customizable and automatically updating theme for Discord", 4 | "version" : "3.2", 5 | "author" : "puckzxz#2080", 6 | "theme" : "NotAnotherAnimeTheme.theme.css", 7 | "license" : "Unlicense" 8 | } 9 | -------------------------------------------------------------------------------- /community/README.md: -------------------------------------------------------------------------------- 1 | # Community made themes 2 | 3 | Themes submitted by the community 4 | 5 | # Notes 6 | 7 | - These themes are not guaranteed to stay updated. 8 | 9 | - Want to see your own custom theme here? **Make a Pull Request** and add it to this folder, 10 | or [join our support server](https://discord.gg/kvgrRWxVYn) and ask to have your theme added. 11 | 12 | - Themes with minimal changes, such as only changing the theme color, may not be accepted. 13 | -------------------------------------------------------------------------------- /community/Wubzy's Themes/README.md: -------------------------------------------------------------------------------- 1 | # Wubzy's Themes 2 | 3 | ![Wubzy's PFP](https://cdn.discordapp.com/attachments/771177570754363393/925541477436755998/20200828_231815.gif?size=1024) 4 | 5 | ## Anime Pack 6 | 7 | The Anime Pack is an ever-growing collection of anime-based themes, each with their own unique set of colors and backgrounds. 8 | 9 | You can find these themes, obviously, in the AnimePack folder. A .zip version is also available. 10 | 11 | ## NightLife Family 12 | 13 | The NightLife theme is an *extremely* heavily customized version of NotAnotherAnimeTheme that gives the Discord client 14 | a heavily gradiented and highly aesthetic Neon look. This folder contains 3 themes. Defiant and Whistful are re-colored clones of 15 | NightLife, with Whistful being a cotton-candy-flavored cheery theme, and Defiant having a darker aesthetic. 16 | 17 | > *say goodbye to your CPU though* 18 | 19 | ## Other Themes 20 | 21 | - AMOLED: A theme that skins the majority of the Discord client to be black 22 | - Wubzy: A theme based off of my website: [wubzy.xyz](https://wubzy.xyz) 23 | - Homework Girl/Lofi Christmas: Lofi girl gif-based themes 24 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | This is free and unencumbered software released into the public domain. 2 | 3 | Anyone is free to copy, modify, publish, use, compile, sell, or 4 | distribute this software, either in source code form or as a compiled 5 | binary, for any purpose, commercial or non-commercial, and by any 6 | means. 7 | 8 | In jurisdictions that recognize copyright laws, the author or authors 9 | of this software dedicate any and all copyright interest in the 10 | software to the public domain. We make this dedication for the benefit 11 | of the public at large and to the detriment of our heirs and 12 | successors. We intend this dedication to be an overt act of 13 | relinquishment in perpetuity of all present and future rights to this 14 | software under copyright law. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 19 | IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR 20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, 21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 22 | OTHER DEALINGS IN THE SOFTWARE. 23 | 24 | For more information, please refer to -------------------------------------------------------------------------------- /.github/workflows/cdnmaster.yml: -------------------------------------------------------------------------------- 1 | name: "[Master] NAAT CDN" 2 | 3 | on: 4 | workflow_dispatch: 5 | push: 6 | branches: 7 | - master 8 | paths: 9 | - 'css/**' 10 | 11 | jobs: 12 | build: 13 | runs-on: ubuntu-latest 14 | steps: 15 | - uses: actions/checkout@v1 16 | - name: Set up Python 3.9.22 17 | uses: actions/setup-python@v1 18 | with: 19 | python-version: 3.9.25 20 | - name: Install Dependencies 21 | run: | 22 | pip install b2 23 | sudo apt update && sudo apt install -y curl 24 | - name: Minify CSS 25 | run: | 26 | wget https://github.com/tdewolff/minify/releases/download/v2.7.6/minify_2.7.6_linux_amd64.tar.gz -O ./min.tar.gz 27 | tar -xzf min.tar.gz 28 | mkdir min 29 | ./minify -r -o min/ css 30 | - name: Upload Files 31 | env: 32 | CF_EMAIL: ${{ secrets.CF_EMAIL }} 33 | CF_SECRET: ${{ secrets.CF_SECRET }} 34 | CF_ZONE: ${{ secrets.CF_ZONE }} 35 | B2_ID: ${{ secrets.B2_ID }} 36 | B2_SECRET: ${{ secrets.B2_SECRET }} 37 | run: | 38 | b2 authorize_account $B2_ID $B2_SECRET 39 | b2 upload_file notanotheranimetheme min/scsl.css scsl.css 40 | b2 upload_file notanotheranimetheme min/dcsl.css dcsl.css 41 | b2 upload_file notanotheranimetheme min/tcsl.css tcsl.css 42 | b2 upload_file notanotheranimetheme min/qcsl.css qcsl.css 43 | curl -X POST "https://api.cloudflare.com/client/v4/zones/$CF_ZONE/purge_cache" -H "Authorization: Bearer $CF_SECRET" -H "Content-Type: application/json" --data '{"files":["https://cdn.discordthemes.net/file/notanotheranimetheme/scsl.css", "https://cdn.discordthemes.net/file/notanotheranimetheme/dcsl.css", "https://cdn.discordthemes.net/file/notanotheranimetheme/tcsl.css", "https://cdn.discordthemes.net/file/notanotheranimetheme/qcsl.css"]}' 44 | -------------------------------------------------------------------------------- /.github/workflows/cdndev.yml: -------------------------------------------------------------------------------- 1 | name: "[Dev] NAAT CDN" 2 | 3 | on: 4 | workflow_dispatch: 5 | push: 6 | branches: 7 | - dev 8 | paths: 9 | - 'css/**' 10 | 11 | jobs: 12 | build: 13 | runs-on: ubuntu-latest 14 | steps: 15 | - uses: actions/checkout@v1 16 | - name: Set up Python 3.9.16 17 | uses: actions/setup-python@v1 18 | with: 19 | python-version: 3.9.16 20 | - name: Install Dependencies 21 | run: | 22 | pip install b2 23 | sudo apt update && sudo apt install -y curl 24 | - name: Minify CSS 25 | run: | 26 | wget https://github.com/tdewolff/minify/releases/download/v2.7.6/minify_2.7.6_linux_amd64.tar.gz -O ./min.tar.gz 27 | tar -xzf min.tar.gz 28 | mkdir min 29 | ./minify -r -o min/ css 30 | - name: Upload Files 31 | env: 32 | CF_EMAIL: ${{ secrets.CF_EMAIL }} 33 | CF_SECRET: ${{ secrets.CF_SECRET }} 34 | CF_ZONE: ${{ secrets.CF_ZONE }} 35 | B2_ID: ${{ secrets.B2_ID }} 36 | B2_SECRET: ${{ secrets.B2_SECRET }} 37 | run: | 38 | b2 authorize_account $B2_ID $B2_SECRET 39 | b2 upload_file notanotheranimetheme min/scsl.css dev/scsl.css 40 | b2 upload_file notanotheranimetheme min/dcsl.css dev/dcsl.css 41 | b2 upload_file notanotheranimetheme min/tcsl.css dev/tcsl.css 42 | b2 upload_file notanotheranimetheme min/qcsl.css dev/qcsl.css 43 | curl -X POST "https://api.cloudflare.com/client/v4/zones/$CF_ZONE/purge_cache" -H "X-Auth-Email: $CF_EMAIL" -H "X-Auth-Key: $CF_SECRET" -H "Content-Type: application/json" --data '{"files":["https://cdn.discordthemes.net/file/notanotheranimetheme/dev/scsl.css", "https://cdn.discordthemes.net/file/notanotheranimetheme/dev/dcsl.css", "https://cdn.discordthemes.net/file/notanotheranimetheme/dev/tcsl.css", "https://cdn.discordthemes.net/file/notanotheranimetheme/dev/qcsl.css"]}' 44 | -------------------------------------------------------------------------------- /community/Wubzy's Themes/AnimePack/AnimePack FireForce 1.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack FireForce 1 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | :root { 14 | --theme-background-image: url(https://cdn.discordapp.com/attachments/827692054641508382/875043401979011112/image0.jpg); 15 | --main-theme-color: #d93631; 16 | --theme-transparency: rgba(0, 0, 0, 0.7); 17 | --home-icon-image: url(https://media.discordapp.net/attachments/827737885112270859/868114178127306782/image1.png?width=731&height=676); 18 | --home-icon-image-position: center center; 19 | --home-icon-image-zoom: 100%; 20 | 21 | /* 22 | Server Listing Width 23 | Single Column: 72px 24 | Double Column: 126px 25 | Triple Column: 184px 26 | Quad Column: 242px 27 | */ 28 | --server-listing-width: 72px; 29 | 30 | --font-size: 100%; 31 | --mention-color: #d936314b; 32 | --mention-sider: #d936317f; 33 | --mention-hover-color: #d936315f; 34 | 35 | --category-hover-color: #d936315f; 36 | 37 | --unread-server-animation: rainbow; 38 | 39 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 40 | --video-screen-button-foreground-color: white; 41 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 42 | --video-screen-button-foreground-hovor-color: white; 43 | 44 | --member-listing-role-color: var(--main-theme-color); 45 | 46 | --small-user-popout-background-image: url(https://cdn.discordapp.com/attachments/827692054641508382/875043401979011112/image0.jpg); 47 | --small-user-popout-background-transparency: rgba(0,0,0, 0.7); 48 | --small-user-popout-background-image-position: center; 49 | 50 | --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/827692054641508382/875043401979011112/image0.jpg); 51 | --big-user-popout-background-transparency: rgba(0,0,0, 0.7); 52 | --big-user-popout-background-image-position: center; 53 | 54 | --code-markup-background-color: rgba(0, 0, 0, 0.6); 55 | --code-markup-border: 1px solid transparent; 56 | 57 | --message-box-transparency: rgba(0, 0, 0, 0.6); 58 | 59 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 60 | 61 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); 62 | 63 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 64 | 65 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 66 | --add-discover-icon-color: #43b581; 67 | 68 | --channel-limit-count-color: var(--channels-default); 69 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 70 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 71 | 72 | --scrollbar-color: #d9363189; 73 | 74 | --unread-message-divider-color: #f04747; 75 | --unread-message-divider-font-color: #fff; 76 | 77 | --new-messages-bar-background-color: var(--main-theme-color); 78 | --new-messages-bar-font-color: #fff; 79 | 80 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 81 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 82 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 83 | --emoji-menu-bottom-bar-background-color: black; 84 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 85 | 86 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 87 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 88 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 89 | 90 | --text-voice-channel-color: rgb(142, 146, 151); 91 | --text-voice-channel-hover-color: #dcddde; 92 | --text-voice-channel-selected-text-color: #fff; 93 | --unread-text-channel-color: #d93631; 94 | --unread-text-channel-bubble-color: #d93631; 95 | 96 | --folder-background-color: #2f3136; 97 | --expanded-folder-background-color: transparent; 98 | 99 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 100 | --reaction-emoji-border-color: 1px solid transparent; 101 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 102 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 103 | } 104 | 105 | .root-3QyAh1 {background-size: cover;} 106 | .userPopout-xaxa6l {background-size: cover;} 107 | 108 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/Wubzy's Themes/Homework Girl.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack Homework Girl 1 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | :root { 14 | --theme-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870973993631485982/lofi-wallpaper-21010623315740.png); 15 | --main-theme-color: #592aa6; 16 | --theme-transparency: rgba(0, 0, 0, 0.5); 17 | --home-icon-image: url(https://cdn.discordapp.com/attachments/771177570754363393/871283012615168151/unknown.png); 18 | --home-icon-image-position: center center; 19 | --home-icon-image-zoom: 100%; 20 | 21 | /* 22 | Server Listing Width 23 | Single Column: 72px 24 | Double Column: 126px 25 | Triple Column: 184px 26 | Quad Column: 242px 27 | */ 28 | --server-listing-width: 72px; 29 | 30 | --font-size: 100%; 31 | --mention-color: #6ddcf84b; 32 | --mention-sider: #6ddcf87f; 33 | --mention-hover-color: #6ddcf85f; 34 | 35 | --category-hover-color: #592aa65f; 36 | 37 | --unread-server-animation: rainbow; 38 | 39 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 40 | --video-screen-button-foreground-color: white; 41 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 42 | --video-screen-button-foreground-hovor-color: white; 43 | 44 | --member-listing-role-color: var(--main-theme-color); 45 | 46 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/871289028421492756/anime_warrior_4k_5k-1440x2560.jpg); 47 | --small-user-popout-background-transparency: rgba(0,0,0, 0.4); 48 | --small-user-popout-background-image-position: center; 49 | 50 | --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870973209435062272/548111-your-name.png); 51 | --big-user-popout-background-transparency: rgba(0,0,0, 0.7); 52 | --big-user-popout-background-image-position: center; 53 | 54 | --code-markup-background-color: rgba(0, 0, 0, 0.6); 55 | --code-markup-border: 1px solid transparent; 56 | 57 | --message-box-transparency: rgba(0, 0, 0, 0.6); 58 | 59 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 60 | 61 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); 62 | 63 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 64 | 65 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 66 | --add-discover-icon-color: #43b581; 67 | 68 | --channel-limit-count-color: var(--channels-default); 69 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 70 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 71 | 72 | --scrollbar-color: #6ddcf889; 73 | 74 | --unread-message-divider-color: #f04747; 75 | --unread-message-divider-font-color: #fff; 76 | 77 | --new-messages-bar-background-color: var(--main-theme-color); 78 | --new-messages-bar-font-color: #fff; 79 | 80 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 81 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 82 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 83 | --emoji-menu-bottom-bar-background-color: black; 84 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 85 | 86 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 87 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 88 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 89 | 90 | --text-voice-channel-color: rgb(142, 146, 151); 91 | --text-voice-channel-hover-color: #dcddde; 92 | --text-voice-channel-selected-text-color: #fff; 93 | --unread-text-channel-color: #592aa6; 94 | --unread-text-channel-bubble-color: #592aa6; 95 | 96 | --folder-background-color: #2f3136; 97 | --expanded-folder-background-color: transparent; 98 | 99 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 100 | --reaction-emoji-border-color: 1px solid transparent; 101 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 102 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 103 | } 104 | 105 | .root-3QyAh1 {background-size: cover;} 106 | .userPopout-xaxa6l {background-size: cover;} 107 | 108 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/Wubzy's Themes/Wubzy.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack Wubzy 1 3 | * @author WubzyGD#8766 and puckzxz#2080 4 | * @version 2.1 5 | * @description Based on https://wubzy.xyz, an umbrella-in-the-rain, low neon night vibe theme. 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | :root { 14 | --theme-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/869034932062810192/background.jpg); 15 | --main-theme-color: #a172a6; 16 | --theme-transparency: rgba(0, 0, 0, 0.6); 17 | --home-icon-image: url(https://cdn.discordapp.com/attachments/771177570754363393/868903715095056445/hatsuhapp-e.gif); 18 | --home-icon-image-position: center center; 19 | --home-icon-image-zoom: 100%; 20 | 21 | /* 22 | Server Listing Width 23 | Single Column: 72px 24 | Double Column: 126px 25 | Triple Column: 184px 26 | Quad Column: 242px 27 | */ 28 | --server-listing-width: 72px; 29 | 30 | --font-size: 100%; 31 | --mention-color: #d0faeb4b; 32 | --mention-sider: #d0faeb7f; 33 | --mention-hover-color: #d0faeb5f; 34 | 35 | --category-hover-color: #a172a65f; 36 | 37 | --unread-server-animation: rainbow; 38 | 39 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 40 | --video-screen-button-foreground-color: white; 41 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 42 | --video-screen-button-foreground-hovor-color: white; 43 | 44 | --member-listing-role-color: var(--main-theme-color); 45 | 46 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #000000ff 95%), url(https://cdn.discordapp.com/attachments/771177570754363393/870944909253804123/2E690759-5497-4F1C-9602-03AF0A9D1114_1_105_c-1.jpeg); 47 | --small-user-popout-background-transparency: rgba(0,0,0, 0.5); 48 | --small-user-popout-background-image-position: center; 49 | 50 | --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #000000b5 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/868911750198751283/image0-5.gif); 51 | --big-user-popout-background-transparency: rgba(0,0,0, 0.4); 52 | --big-user-popout-background-image-position: center; 53 | --big-user-popout-background-image-size: cover; 54 | 55 | --code-markup-background-color: rgba(0, 0, 0, 0.6); 56 | --code-markup-border: 1px solid transparent; 57 | 58 | --message-box-transparency: rgba(0, 0, 0, 0.6); 59 | 60 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 61 | 62 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); 63 | 64 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 65 | 66 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 67 | --add-discover-icon-color: #43b581; 68 | 69 | --channel-limit-count-color: var(--channels-default); 70 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 71 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 72 | 73 | --scrollbar-color: #d0faeb89; 74 | 75 | --unread-message-divider-color: #f04747; 76 | --unread-message-divider-font-color: #fff; 77 | 78 | --new-messages-bar-background-color: var(--main-theme-color); 79 | --new-messages-bar-font-color: #fff; 80 | 81 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 82 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 83 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 84 | --emoji-menu-bottom-bar-background-color: black; 85 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 86 | 87 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 88 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 89 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 90 | 91 | --text-voice-channel-color: rgb(142, 146, 151); 92 | --text-voice-channel-hover-color: #dcddde; 93 | --text-voice-channel-selected-text-color: #fff; 94 | --unread-text-channel-color: #d0faeb; 95 | --unread-text-channel-bubble-color: #d0faeb; 96 | 97 | --folder-background-color: #2f3136; 98 | --expanded-folder-background-color: transparent; 99 | 100 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 101 | --reaction-emoji-border-color: 1px solid transparent; 102 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 103 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 104 | } 105 | 106 | .root-3QyAh1 {background-size: cover;} 107 | .userPopout-xaxa6l {background-size: cover;} 108 | 109 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/Wubzy's Themes/AnimePack/AnimePack Neon 2.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack Neon 2 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | :root { 14 | --theme-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870822432246743040/village-street-neon-girl-umbrella-y6-2560x1440.png); 15 | --main-theme-color: #5d60ca; 16 | --theme-transparency: rgba(0, 0, 0, 0.6); 17 | --home-icon-image: url(https://cdn.discordapp.com/attachments/497601208186306560/870824128947580978/unknown.png); 18 | --home-icon-image-position: center center; 19 | --home-icon-image-zoom: 100%; 20 | 21 | /* 22 | Server Listing Width 23 | Single Column: 72px 24 | Double Column: 126px 25 | Triple Column: 184px 26 | Quad Column: 242px 27 | */ 28 | --server-listing-width: 72px; 29 | 30 | --font-size: 100%; 31 | --mention-color: #bd48e74b; 32 | --mention-sider: #bd48e77f; 33 | --mention-hover-color: #bd48e75f; 34 | 35 | --category-hover-color: #5d60ca5f; 36 | 37 | --unread-server-animation: rainbow; 38 | 39 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 40 | --video-screen-button-foreground-color: white; 41 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 42 | --video-screen-button-foreground-hovor-color: white; 43 | 44 | --member-listing-role-color: var(--main-theme-color); 45 | 46 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #390439ff 90%), url(https://cdn.discordapp.com/attachments/771177570754363393/870822231578673152/de4278p-e13dd169-a8f5-49e6-aef8-cbf76c511725.png); 47 | --small-user-popout-background-transparency: rgba(0,0,0, 0.63); 48 | --small-user-popout-background-image-position: center; 49 | 50 | --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/869034932062810192/background.jpg); 51 | --big-user-popout-background-transparency: rgba(0,0,0, 0.6); 52 | --big-user-popout-background-image-position: center; 53 | 54 | --code-markup-background-color: rgba(0, 0, 0, 0.6); 55 | --code-markup-border: 1px solid transparent; 56 | 57 | --message-box-transparency: rgba(0, 0, 0, 0.6); 58 | 59 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 60 | 61 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); 62 | 63 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 64 | 65 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 66 | --add-discover-icon-color: #43b581; 67 | 68 | --channel-limit-count-color: var(--channels-default); 69 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 70 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 71 | 72 | --scrollbar-color: #5d60ca89; 73 | 74 | --unread-message-divider-color: #f04747; 75 | --unread-message-divider-font-color: #fff; 76 | 77 | --new-messages-bar-background-color: var(--main-theme-color); 78 | --new-messages-bar-font-color: #fff; 79 | 80 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 81 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 82 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 83 | --emoji-menu-bottom-bar-background-color: black; 84 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 85 | 86 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 87 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 88 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 89 | 90 | --text-voice-channel-color: rgb(142, 146, 151); 91 | --text-voice-channel-hover-color: #dcddde; 92 | --text-voice-channel-selected-text-color: #fff; 93 | --unread-text-channel-color: #5d60ca; 94 | --unread-text-channel-bubble-color: #5d60ca; 95 | 96 | --folder-background-color: #2f3136; 97 | --expanded-folder-background-color: transparent; 98 | 99 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 100 | --reaction-emoji-border-color: 1px solid transparent; 101 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 102 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 103 | } 104 | 105 | .root-3QyAh1 {background-size: cover;} 106 | .userPopout-xaxa6l {background-size: cover;} 107 | 108 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/Wubzy's Themes/AnimePack/AnimePack PeacefulCat.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack Misc 1 PeacefulCat 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | :root { 14 | --theme-background-image: url(https://cdn.discordapp.com/attachments/613029427684573184/690281355187453952/received_220837439290757.gif); 15 | --main-theme-color: #ffc44f; 16 | --theme-transparency: rgba(0, 0, 0, 0.7); 17 | --home-icon-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870966756569645096/unknown.png); 18 | --home-icon-image-position: center center; 19 | --home-icon-image-zoom: 100%; 20 | 21 | /* 22 | Server Listing Width 23 | Single Column: 72px 24 | Double Column: 126px 25 | Triple Column: 184px 26 | Quad Column: 242px 27 | */ 28 | --server-listing-width: 72px; 29 | 30 | --font-size: 100%; 31 | --mention-color: #ace1204b; 32 | --mention-sider: #ace1207f; 33 | --mention-hover-color: #ace1205f; 34 | 35 | --category-hover-color: #ffc44f5f; 36 | 37 | --unread-server-animation: rainbow; 38 | 39 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 40 | --video-screen-button-foreground-color: white; 41 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 42 | --video-screen-button-foreground-hovor-color: white; 43 | 44 | --member-listing-role-color: var(--main-theme-color); 45 | 46 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #082439ff 110%), url(https://cdn.discordapp.com/attachments/867134094987231268/870965115099426816/WxJk7AIral26-anime-cat-wallpapers-for-phone.png); 47 | --small-user-popout-background-transparency: rgba(0,0,0, 0.55); 48 | --small-user-popout-background-image-position: center; 49 | 50 | --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/613029427684573184/690281355187453952/received_220837439290757.gif); 51 | --big-user-popout-background-transparency: rgba(0,0,0, 0.6); 52 | --big-user-popout-background-image-position: center; 53 | 54 | --code-markup-background-color: rgba(0, 0, 0, 0.6); 55 | --code-markup-border: 1px solid transparent; 56 | 57 | --message-box-transparency: rgba(0, 0, 0, 0.6); 58 | 59 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 60 | 61 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); 62 | 63 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 64 | 65 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 66 | --add-discover-icon-color: #43b581; 67 | 68 | --channel-limit-count-color: var(--channels-default); 69 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 70 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 71 | 72 | --scrollbar-color: #ace12089; 73 | 74 | --unread-message-divider-color: #f04747; 75 | --unread-message-divider-font-color: #fff; 76 | 77 | --new-messages-bar-background-color: var(--main-theme-color); 78 | --new-messages-bar-font-color: #fff; 79 | 80 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 81 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 82 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 83 | --emoji-menu-bottom-bar-background-color: black; 84 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 85 | 86 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 87 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 88 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 89 | 90 | --text-voice-channel-color: rgb(142, 146, 151); 91 | --text-voice-channel-hover-color: #dcddde; 92 | --text-voice-channel-selected-text-color: #fff; 93 | --unread-text-channel-color: #ffc44f; 94 | --unread-text-channel-bubble-color: #ffc44f; 95 | 96 | --folder-background-color: #2f3136; 97 | --expanded-folder-background-color: transparent; 98 | 99 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 100 | --reaction-emoji-border-color: 1px solid transparent; 101 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 102 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 103 | } 104 | 105 | .root-3QyAh1 {background-size: cover;} 106 | .userPopout-xaxa6l {background-size: cover;} 107 | 108 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |

4 | 5 |

6 | 7 | 8 | 9 | 10 |

11 | 12 | NotAnotherAnimeTheme is a highly customizable theme for Discord (with [BetterDiscord](https://betterdiscord.app) or [Powercord](https://powercord.dev/)) allowing for a revitalized and fresh take on the Discord UI. Every part of the theme is customizable, from the background image to the scroll bar colors. The user has full control over the default configuration. Preview pictures can be found [here.](https://github.com/puckzxz/NotAnotherAnimeTheme#images-of-variations) 13 | 14 | ## Installation 15 | ### For BetterDiscord 16 | 17 | 1. Ensure [Bandaged BetterDiscord](https://betterdiscord.app) is installed. 18 | 2. Download the theme here: 19 | * [NotAnotherAnimeTheme](https://betterdiscord.app/theme/NotAnotherAnimeTheme) 20 | 3. Place the theme file inside of the BetterDiscord `themes` folder. 21 | 4. Restart the Discord client either by right clicking the tray icon and clicking "Quit Discord" or by pressing Ctrl+R inside the client. 22 | 5. Go to User Settings in Discord > Themes > Select `NotAnotherAnimeTheme v3.2 by puckzxz#2080` 23 | 24 | ### For Powercord 25 | 1. Ensure Powercord is installed on your computer. If not, install it [here](https://powercord.dev/installation). 26 | 2. Navigate to where the Powercord source files are on your computer 27 | 3. From the Powercord source folder, (Most likely named "powercord") navigate to the themes folder: powercord -> src -> Powercord -> themes. 28 | 4. Within this folder, create a new folder called "NotAnotherAnimeTheme". Download the repository into the folder. 29 | 5. Great! NotAnotherAnimeTheme is now installed on your Discord client! If it's running, restart it for the changes to take place. 30 | 31 | ## FAQ 32 | 33 | ### Q: *Where is the BetterDiscord Theme folder located?* 34 | 35 | * Usually it is installed in ` %AppData%\BetterDiscord\themes`, however for a custom installation, the location can be found by going to User Settings in Discord > Themes > Open Theme Folder. 36 | 37 | ### Q: *I'm still not sure on how to install this* 38 | 39 | * Here is a video that goes through the steps for [downloading](https://www.youtube.com/watch?v=1ML5_F-n5iw) and [installing](https://www.youtube.com/watch?v=R-aZTjHWRZc) on BetterDiscord. 40 | 41 | ### Q: *How would I go about customizing the theme?* 42 | 43 | * The details on how to customize the theme are [here.](https://www.youtube.com/watch?v=YYsdNkLOQjU) 44 | * Feeling lazy? You can check out these theme generators that do all the hard work for you. [Wubzy's Site](https://wubzy.xyz/util/theme) and [LimeShark](https://limeshark.dev/editor/NotAnotherAnimeTheme) 45 | 46 | ### Q: *Where did the different theme files go for the amount of server columns?* 47 | * Since V3 you now change the amount of columns from inside the theme file, `--server-listing-width` 48 | 49 | ## Contributing 50 | 51 | Have you made something cool with NotAnotherAnimeTheme and feel like sharing it? Fork me and add it to the community folder! If you're not git savvy you can either open an issue or just PM it to me on discord and I'll add your theme! 52 | 53 | ## Support 54 | 55 | A Discord server was made for issues, support, comments, recommendations, etc. 56 | 57 | [](https://discord.gg/FdZhbjY) 58 | 59 | Any issues can be expressed by: 60 | 61 | * [Joining the Discord server](https://discord.gg/FdZhbjY) 62 | * [Opening an issue on GitHub](https://github.com/puckzxz/NotAnotherAnimeTheme/issues) 63 | 64 | ## Notes 65 | 66 | While the theme is Free and Open Source, it takes time to keep the theme up to date. If you enjoy the theme please consider supporting the Author to continue maintenance and development of it. 67 | 68 | * [Donate with PayPal](https://www.paypal.me/ChrisBock) 69 | 70 | In the appearance settings make sure **Dark** is selected. 71 | 72 | This theme is **NOT** minimal mode compatible. 73 | 74 | ## Acknowledgements 75 | 76 | * Thanks to [V-X](https://github.com/ImVexed) for creating and hosting the CDN that NotAnotherAnimeTheme uses 77 | 78 | * Thanks to [Qu4k3](https://github.com/Qu4k3) for helping with countless issues 79 | 80 | ## Images of variations 81 | 82 | ### Single Column Server List 83 | 84 | ![NotAnotherAnimeThemeSCSL](https://i.imgur.com/UxFoW03.jpg) 85 | 86 | ### Double Column Server List 87 | 88 | ![NotAnotherAnimeTheme](https://i.imgur.com/mw6SCPt.jpg) 89 | 90 | ### Triple Column Server List 91 | 92 | ![NotAnotherAnimeThemeTCSL](https://i.imgur.com/a5sdC2C.jpg) 93 | 94 | ### Quadruple Column Server List 95 | 96 | ![NotAnotherAnimeThemeQCSL](https://i.imgur.com/EwgpmhY.jpg) 97 | -------------------------------------------------------------------------------- /NotAnotherAnimeTheme.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name NotAnotherAnimeTheme 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description An easily customizable and automatically updating theme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | /* 14 | To make editing this theme easier I recommend using Notepad++ 15 | you can download it for free here https://notepad-plus-plus.org/download/ 16 | */ 17 | 18 | /* Any images you use MUST end with .jpg or .png or any other image extension */ 19 | 20 | :root { 21 | /* 22 | Theme Background 23 | */ 24 | --theme-background-image: url(https://i.imgur.com/j1Z6HVc.jpg); 25 | 26 | /* 27 | Main Theme Color 28 | */ 29 | --main-theme-color: rgb(67, 181, 129); 30 | 31 | /* 32 | Main Theme Transparency 33 | */ 34 | --theme-transparency: rgba(0, 0, 0, 0.8); 35 | 36 | /* 37 | Home Icon Image 38 | */ 39 | --home-icon-image: url(https://i.imgur.com/63g6Em8.jpg); 40 | 41 | /* 42 | Change your friends icon image position 43 | */ 44 | --home-icon-image-position: center center; 45 | 46 | /* 47 | Change your friends icon image zoom 48 | */ 49 | --home-icon-image-zoom: 100%; 50 | 51 | /* 52 | Server Listing Width 53 | Single Column: 62px 54 | Double Column: 126px 55 | Triple Column: 184px 56 | Quad Column: 242px 57 | */ 58 | --server-listing-width: 126px; 59 | 60 | /* 61 | Font Size 62 | */ 63 | --font-size: 100%; 64 | 65 | /* 66 | Mention colors 67 | */ 68 | --mention-color: rgba(250, 166, 26, 0.05); 69 | --mention-sider: rgba(250, 166, 26, 1); 70 | --mention-hover-color: rgba(250, 166, 26, 0.08); 71 | 72 | /* 73 | Server category hover color 74 | */ 75 | --category-hover-color: rgb(60, 202, 138); 76 | 77 | /* 78 | Change the unread server animation. 79 | Replace it with "none" in order to remove any animations and use the main color instead 80 | */ 81 | --unread-server-animation: rainbow; 82 | 83 | /* 84 | Video / Screen share buttons 85 | */ 86 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 87 | --video-screen-button-foreground-color: white; 88 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 89 | --video-screen-button-foreground-hovor-color: white; 90 | 91 | /* 92 | Role Title Color 93 | */ 94 | --member-listing-role-color: var(--main-theme-color); 95 | 96 | /* 97 | Small User Popout 98 | */ 99 | --small-user-popout-background-image: var(--theme-background-image); 100 | --small-user-popout-background-transparency: rgba(0, 0, 0, 0.6); 101 | --small-user-popout-background-image-position: center; 102 | 103 | /* 104 | Big User Popout 105 | */ 106 | --big-user-popout-background-image: var(--theme-background-image); 107 | --big-user-popout-background-transparency: rgba(0, 0, 0, 0.6); 108 | --big-user-popout-background-image-position: center; 109 | 110 | /* 111 | Code Markup 112 | */ 113 | --code-markup-background-color: rgba(0, 0, 0, 0.6); 114 | --code-markup-border: 1px solid transparent; 115 | 116 | /* 117 | Message Box Transparency 118 | */ 119 | --message-box-transparency: rgba(0, 0, 0, 0.6); 120 | 121 | /* 122 | Embed Background Transparency 123 | */ 124 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 125 | 126 | /* 127 | Message Hover Buttons 128 | */ 129 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); 130 | 131 | /* 132 | Context Menu Transparency 133 | */ 134 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 135 | 136 | /* 137 | Add Server / Discovery Icon 138 | */ 139 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 140 | --add-discover-icon-color: #43b581; 141 | 142 | /* 143 | Channel Limit Number Color 144 | */ 145 | --channel-limit-count-color: var(--channels-default); 146 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 147 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 148 | 149 | /* 150 | Scrollbar Colors 151 | */ 152 | --scrollbar-color: rgba(200, 200, 200, 0.2); 153 | 154 | /* 155 | Unread Message Divider 156 | */ 157 | --unread-message-divider-color: #f04747; 158 | --unread-message-divider-font-color: #fff; 159 | 160 | /* 161 | New Messages Bar Color 162 | */ 163 | --new-messages-bar-background-color: #7289da; 164 | --new-messages-bar-font-color: #fff; 165 | 166 | /* 167 | Emoji Menu 168 | */ 169 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 170 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 171 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 172 | --emoji-menu-bottom-bar-background-color: black; 173 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 174 | 175 | /* 176 | Message Search 177 | */ 178 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 179 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 180 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 181 | 182 | /* 183 | Channel colors 184 | */ 185 | --text-voice-channel-color: rgb(142, 146, 151); 186 | --text-voice-channel-hover-color: #dcddde; 187 | --text-voice-channel-selected-text-color: #fff; 188 | --unread-text-channel-color: #fff; 189 | --unread-text-channel-bubble-color: var(--main-theme-color); 190 | 191 | /* 192 | Folders 193 | */ 194 | --folder-background-color: #2f3136; 195 | --expanded-folder-background-color: transparent; 196 | 197 | /* 198 | Reactions 199 | */ 200 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 201 | --reaction-emoji-border-color: 1px solid transparent; 202 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 203 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 204 | } 205 | -------------------------------------------------------------------------------- /community/Wubzy's Themes/AMOLED.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AMOLED 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | /* 14 | * ========================================= 15 | * Created using Wubzy.xyz's theme generator 16 | * Questions about the theme or generator? Bugs or suggestions? 17 | * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY 18 | * Feedback is always welcome! 19 | * 20 | * Hope you like your theme! ^^ 21 | * ========================================= 22 | */ 23 | 24 | /*Generated at Sat, 14 Aug 2021 22:31:15 GMT -> Generator version Beta - 1.1.3*/ 25 | 26 | :root { 27 | 28 | /*[MAIN THEME SETTINGS]*/ 29 | /*Some important settings that will change the majority of your client.*/ 30 | --theme-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); /*The main image over your whole Discord client*/ 31 | --main-theme-color: #8b0000; /*The default theme color*/ 32 | --theme-transparency: rgba(0, 0, 0, 1); /*The mask that applies over the background*/ 33 | --home-icon-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876224380458385408/IMG_0191.jpg); /*Your friends icon*/ 34 | --home-icon-image-position: center center; 35 | --home-icon-image-zoom: 100%; 36 | 37 | /* 38 | Server Listing Width 39 | Single Column: 72px 40 | Double Column: 126px 41 | Triple Column: 184px 42 | Quad Column: 242px 43 | Pentad Column: 304px 44 | */ 45 | /*[SERVER LISTING]*/ 46 | /*The number of columns in your server listing.*/ 47 | --server-listing-width: 72px; 48 | 49 | /*[FONT SIZE]*/ 50 | --font-size: 100%; 51 | 52 | /*[MENTION COLORS]*/ 53 | --mention-color: #8b00004b; /*The color messages that mention you will highlight in*/ 54 | --mention-sider: #8b00007f; /*The small bar on the left of a message that mentions you*/ 55 | --mention-hover-color: #8b00005f; /*The color a mention highlight changes to when you hover over it*/ 56 | 57 | --category-hover-color: #8b00005f; /*Color that categories change to when hovered over*/ 58 | 59 | --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ 60 | 61 | /*[VIDEO PLAYER]*/ 62 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 63 | --video-screen-button-foreground-color: white; 64 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 65 | --video-screen-button-foreground-hovor-color: white; 66 | 67 | --member-listing-role-color: var(--main-theme-color); 68 | 69 | /*[USER POPOUTS]*/ 70 | /*The settings for the popouts when you click on a user in the members list (small popout) and when you click the "profile" button on a user (big popout)*/ 71 | /*Similar to main theme settings.*/ 72 | --small-user-popout-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); 73 | --small-user-popout-background-transparency: rgba(0,0,0, 1); 74 | --small-user-popout-background-image-position: center; 75 | 76 | --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); 77 | --big-user-popout-background-transparency: rgba(0,0,0, 1); 78 | --big-user-popout-background-image-position: center; 79 | 80 | /*[CODE BLOCKS]*/ 81 | --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ 82 | --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ 83 | 84 | --message-box-transparency: rgba(0, 0, 0, 0.6); /*The message box at the bottom. Change the first three values to edit its color, and the last to edit its transparency*/ 85 | 86 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 87 | 88 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); /*The small box that appears around the edit, pin, delete, etc icons when you hover over a message*/ 89 | 90 | /*[ADVANCED SETTINGS]*/ 91 | /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ 92 | 93 | --context-menu-transparency: rgba(0, 0, 0, 0.95); 94 | 95 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 96 | --add-discover-icon-color: #43b581; 97 | 98 | --channel-limit-count-color: var(--channels-default); 99 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 100 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 101 | 102 | --scrollbar-color: #8b000089; 103 | 104 | --unread-message-divider-color: #f04747; 105 | --unread-message-divider-font-color: #fff; 106 | 107 | --new-messages-bar-background-color: var(--main-theme-color); /*The bar atop the screen saying "x new messages" when you're in a channel with unreads*/ 108 | --new-messages-bar-font-color: #fff; 109 | 110 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 111 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 112 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 113 | --emoji-menu-bottom-bar-background-color: black; 114 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 115 | 116 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 117 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 118 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 119 | 120 | --text-voice-channel-color: rgb(142, 146, 151); 121 | --text-voice-channel-hover-color: #dcddde; 122 | --text-voice-channel-selected-text-color: #fff; 123 | --unread-text-channel-color: #8b0000; 124 | --unread-text-channel-bubble-color: #8b0000; 125 | 126 | --folder-background-color: #2f3136; 127 | --expanded-folder-background-color: transparent; 128 | 129 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 130 | --reaction-emoji-border-color: 1px solid transparent; 131 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 132 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 133 | } 134 | 135 | /*Changes the way popout background images apply to account for any size mismatching.*/ 136 | .root-3QyAh1 {background-size: cover;} /*Large popout*/ 137 | .userPopout-xaxa6l {background-size: cover;} /*Small popout*/ 138 | 139 | /*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ 140 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /css/v3/naat-min.v3.css: -------------------------------------------------------------------------------- 1 | ._51fd70792ee2e563-appMount { 2 | background: transparent; 3 | background-image: var(--theme-background-image); 4 | background-size: cover; 5 | } 6 | 7 | ._160d8e55254637e5-app { 8 | background: transparent; 9 | } 10 | 11 | ._960e4207cea8323e-bg { 12 | background: var(--theme-transparency); 13 | } 14 | 15 | .ef3116c2da186559-wrapper { 16 | background: transparent; 17 | } 18 | 19 | ._5e434347c823b592-panels { 20 | background: var(--message-box-transparency); 21 | backdrop-filter: blur(5px); 22 | } 23 | 24 | .sidebar_c48ade:after { 25 | background: transparent; 26 | } 27 | 28 | ._2637a2609f343032-container { 29 | background: transparent; 30 | } 31 | 32 | .f75fb00fb7356cbe-chat { 33 | background: transparent; 34 | } 35 | 36 | .f75fb00fb7356cbe-chatContent { 37 | background: transparent; 38 | } 39 | 40 | ._9293f6b2fc12398a-themed { 41 | background: transparent; 42 | } 43 | 44 | .c8ffbb79449f399c-container { 45 | background: transparent; 46 | } 47 | 48 | .c8ffbb79449f399c-members { 49 | background: transparent; 50 | } 51 | 52 | .f75fb00fb7356cbe-channelTextArea { 53 | background: var(--message-box-transparency); 54 | } 55 | 56 | ._740174f3d6a2c8fe-themedBackground { 57 | background: transparent; 58 | } 59 | 60 | .privateChannels__35e86 { 61 | background: transparent; 62 | } 63 | 64 | ._99e7cad8d4c55236-scroller { 65 | background: transparent; 66 | } 67 | 68 | ._9293f6b2fc12398a-children:after { 69 | background: transparent; 70 | } 71 | 72 | ._6e9f8dce4cc18de3-wrapper 73 | ._6e9f8dce4cc18de3-childWrapper._6e9f8dce4cc18de3-childWrapperNoHoverBg 74 | svg { 75 | display: none; 76 | } 77 | 78 | ._918165dab2b1e10b-listItemWrapper 79 | .cc5dd25190031396-wrapper 80 | ._6e9f8dce4cc18de3-wrapper 81 | ._6e9f8dce4cc18de3-childWrapper._6e9f8dce4cc18de3-childWrapperNoHoverBg { 82 | background-image: var(--home-icon-image); 83 | background-size: var(--home-icon-image-zoom); 84 | background-position: var(--home-icon-image-position); 85 | background-repeat: no-repeat; 86 | } 87 | 88 | ._1f388bcaa446c0c8-tutorialContainer 89 | .cc5dd25190031396-wrapper 90 | ._6e9f8dce4cc18de3-wrapper 91 | ._6e9f8dce4cc18de3-childWrapper._6e9f8dce4cc18de3-childWrapperNoHoverBg { 92 | background-color: transparent; 93 | } 94 | 95 | ._133bf5eea8e33a34-tabBody { 96 | background: transparent; 97 | } 98 | 99 | ._133bf5eea8e33a34-container { 100 | background: transparent; 101 | } 102 | 103 | .c8ffbb79449f399c-member { 104 | background-color: transparent; 105 | } 106 | 107 | ._133bf5eea8e33a34-nowPlayingColumn { 108 | background-color: transparent; 109 | } 110 | 111 | ._7d20cf18f8a2784c-container { 112 | background-color: transparent; 113 | } 114 | 115 | .d852db00c0588eb9-wrapper { 116 | background: transparent; 117 | } 118 | 119 | .fc817765600a960a-wrapper { 120 | background: transparent; 121 | } 122 | 123 | ._23e6b439306f125a-standardSidebarView { 124 | background: transparent; 125 | } 126 | 127 | ._23e6b439306f125a-sidebarRegionScroller { 128 | background: transparent; 129 | } 130 | 131 | ._960e4207cea8323e-layer { 132 | background: transparent; 133 | } 134 | 135 | ._23e6b439306f125a-contentRegion { 136 | background: transparent; 137 | } 138 | 139 | ._23e6b439306f125a-contentRegionScroller { 140 | background-color: transparent; 141 | } 142 | 143 | .b77158512e0ab116-channelAttachmentArea { 144 | background-color: transparent; 145 | } 146 | 147 | .aa605f19898fe32e-upload { 148 | background-color: transparent; 149 | } 150 | 151 | ._5ec2fb8b5de26b21-searchBar { 152 | background-color: transparent; 153 | backdrop-filter: blur(5px); 154 | } 155 | 156 | ._7e549558f336cddb-itemCard._00943886e1cf89d1-wrapper.bf1984a18b3ec6f0-outer.bf1984a18b3ec6f0-padded.bf1984a18b3ec6f0-interactive { 157 | background-color: transparent; 158 | backdrop-filter: blur(5px); 159 | } 160 | 161 | ._623de82e76ad7f82-embedFull { 162 | background-color: transparent !important; 163 | backdrop-filter: blur(5px); 164 | } 165 | 166 | ._4d95d73152192cf9-footer { 167 | background: transparent; 168 | backdrop-filter: blur(5px); 169 | } 170 | 171 | ._4d95d73152192cf9-textContainer { 172 | background-color: transparent; 173 | backdrop-filter: blur(15px) !important; 174 | } 175 | 176 | ._4d95d73152192cf9-codeView { 177 | background-color: transparent; 178 | } 179 | 180 | ._0f2e83213c878a13-container { 181 | background-color: transparent !important; 182 | backdrop-filter: blur(5px); 183 | } 184 | 185 | ._5dec784a68542d60-panel { 186 | background-color: transparent !important; 187 | } 188 | 189 | .scroller__28a87 { 190 | background-color: transparent; 191 | } 192 | 193 | .bfe55a0aaaf62375-root { 194 | background: transparent; 195 | } 196 | 197 | .cb9592ad77576717-wrapper { 198 | background: transparent; 199 | } 200 | 201 | .cb9592ad77576717-callContainer { 202 | background: transparent; 203 | } 204 | 205 | ._01ae244280823725-resizeHandle { 206 | background: transparent; 207 | } 208 | 209 | ._01ae244280823725-container { 210 | background: transparent; 211 | backdrop-filter: blur(5px); 212 | } 213 | 214 | ._01ae244280823725-chatLayerWrapper { 215 | background: transparent; 216 | } 217 | 218 | .cb9592ad77576717-channelChatWrapper { 219 | background: transparent; 220 | } 221 | 222 | .f369dba7416c67f0-container { 223 | background: transparent; 224 | } 225 | 226 | .f369dba7416c67f0-mainCard { 227 | background: transparent; 228 | backdrop-filter: blur(5px); 229 | } 230 | 231 | .faa96b2163f6a142-container:hover { 232 | background: transparent; 233 | backdrop-filter: blur(15px); 234 | } 235 | 236 | .c8ffbb79449f399c-membersWrap { 237 | background-color: transparent; 238 | } 239 | 240 | .e6b7699ce8339e1c-privateChannels { 241 | background: none; 242 | } 243 | 244 | .chatGradient__36d07 { 245 | background: none; 246 | } 247 | 248 | .chatTypingGradientAtBottom__36d07, 249 | .chatTypingGradientNotAtBottom__36d07 { 250 | background: none; 251 | } 252 | 253 | ._9293f6b2fc12398a-themed { 254 | background: transparent !important; 255 | } 256 | 257 | ._5e434347c823b592-sidebar:after { 258 | background: transparent; 259 | } 260 | 261 | ._36d072eab2b2e737-chatGradient { 262 | background: transparent; 263 | } 264 | 265 | #guild-list-unread-dms .ed9a5f50013e19ac-pill { 266 | display: none; 267 | } 268 | 269 | .e29cd7b93c4f1266-titleContainer { 270 | background-color: transparent; 271 | } 272 | 273 | .c6bf1b7af480dfda-header { 274 | background-color: transparent; 275 | } 276 | 277 | ._535437b3d3b11fd1-scroller { 278 | background-color: transparent; 279 | } 280 | 281 | ._36d072eab2b2e737-chatTypingGradientNotAtBottom { 282 | background: transparent; 283 | } 284 | 285 | ._36d072eab2b2e737-chatTypingGradientAtBottom { 286 | background: transparent; 287 | } 288 | -------------------------------------------------------------------------------- /community/Wubzy's Themes/AnimePack/AnimePack Blue Sky.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack Blue Sky 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | /* 14 | * ========================================= 15 | * Created using Wubzy.xyz's theme generator 16 | * Questions about the theme or generator? Bugs or suggestions? 17 | * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY 18 | * Feedback is always welcome! 19 | * 20 | * Hope you like your theme! ^^ 21 | * ========================================= 22 | */ 23 | 24 | /*Generated at Sat, 14 Aug 2021 22:31:15 GMT -> Generator version Beta - 1.1.3*/ 25 | 26 | :root { 27 | 28 | /*[MAIN THEME SETTINGS]*/ 29 | /*Some important settings that will change the majority of your client.*/ 30 | --theme-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); /*The main image over your whole Discord client*/ 31 | --main-theme-color: #79c9a7; /*The default theme color*/ 32 | --theme-transparency: rgba(0, 0, 0, 0.6); /*The mask that applies over the background*/ 33 | --home-icon-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876224380458385408/IMG_0191.jpg); /*Your friends icon*/ 34 | --home-icon-image-position: center center; 35 | --home-icon-image-zoom: 100%; 36 | 37 | /* 38 | Server Listing Width 39 | Single Column: 72px 40 | Double Column: 126px 41 | Triple Column: 184px 42 | Quad Column: 242px 43 | Pentad Column: 304px 44 | */ 45 | /*[SERVER LISTING]*/ 46 | /*The number of columns in your server listing.*/ 47 | --server-listing-width: 72px; 48 | 49 | /*[FONT SIZE]*/ 50 | --font-size: 100%; 51 | 52 | /*[MENTION COLORS]*/ 53 | --mention-color: #79c9a74b; /*The color messages that mention you will highlight in*/ 54 | --mention-sider: #79c9a77f; /*The small bar on the left of a message that mentions you*/ 55 | --mention-hover-color: #79c9a75f; /*The color a mention highlight changes to when you hover over it*/ 56 | 57 | --category-hover-color: #79c9a75f; /*Color that categories change to when hovered over*/ 58 | 59 | --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ 60 | 61 | /*[VIDEO PLAYER]*/ 62 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 63 | --video-screen-button-foreground-color: white; 64 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 65 | --video-screen-button-foreground-hovor-color: white; 66 | 67 | --member-listing-role-color: var(--main-theme-color); 68 | 69 | /*[USER POPOUTS]*/ 70 | /*The settings for the popouts when you click on a user in the members list (small popout) and when you click the "profile" button on a user (big popout)*/ 71 | /*Similar to main theme settings.*/ 72 | --small-user-popout-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); 73 | --small-user-popout-background-transparency: rgba(0,0,0, 0.6); 74 | --small-user-popout-background-image-position: center; 75 | 76 | --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); 77 | --big-user-popout-background-transparency: rgba(0,0,0, 0.6); 78 | --big-user-popout-background-image-position: center; 79 | 80 | /*[CODE BLOCKS]*/ 81 | --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ 82 | --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ 83 | 84 | --message-box-transparency: rgba(0, 0, 0, 0.6); /*The message box at the bottom. Change the first three values to edit its color, and the last to edit its transparency*/ 85 | 86 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 87 | 88 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); /*The small box that appears around the edit, pin, delete, etc icons when you hover over a message*/ 89 | 90 | /*[ADVANCED SETTINGS]*/ 91 | /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ 92 | 93 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 94 | 95 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 96 | --add-discover-icon-color: #43b581; 97 | 98 | --channel-limit-count-color: var(--channels-default); 99 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 100 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 101 | 102 | --scrollbar-color: #79c9a789; 103 | 104 | --unread-message-divider-color: #f04747; 105 | --unread-message-divider-font-color: #fff; 106 | 107 | --new-messages-bar-background-color: var(--main-theme-color); /*The bar atop the screen saying "x new messages" when you're in a channel with unreads*/ 108 | --new-messages-bar-font-color: #fff; 109 | 110 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 111 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 112 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 113 | --emoji-menu-bottom-bar-background-color: black; 114 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 115 | 116 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 117 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 118 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 119 | 120 | --text-voice-channel-color: rgb(142, 146, 151); 121 | --text-voice-channel-hover-color: #dcddde; 122 | --text-voice-channel-selected-text-color: #fff; 123 | --unread-text-channel-color: #79c9a7; 124 | --unread-text-channel-bubble-color: #79c9a7; 125 | 126 | --folder-background-color: #2f3136; 127 | --expanded-folder-background-color: transparent; 128 | 129 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 130 | --reaction-emoji-border-color: 1px solid transparent; 131 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 132 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 133 | } 134 | 135 | /*Changes the way popout background images apply to account for any size mismatching.*/ 136 | .root-3QyAh1 {background-size: cover;} /*Large popout*/ 137 | .userPopout-xaxa6l {background-size: cover;} /*Small popout*/ 138 | 139 | /*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ 140 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/Wubzy's Themes/Lofi Christmas.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name Lofi Christmas 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | /* 14 | * ========================================= 15 | * Created using Wubzy.xyz's theme generator 16 | * Questions about the theme or generator? Bugs or suggestions? 17 | * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY 18 | * Feedback is always welcome! 19 | * 20 | * Hope you like your theme! ^^ 21 | * ========================================= 22 | */ 23 | 24 | /*Generated at Fri, 10 Dec 2021 05:13:39 GMT -> Generator version Beta - 1.1.3*/ 25 | 26 | :root { 27 | 28 | /*[MAIN THEME SETTINGS]*/ 29 | /*Some important settings that will change the majority of your client.*/ 30 | --theme-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918729505747644436/winter-lofi-girl-night.gif); /*The main image over your whole Discord client*/ 31 | --main-theme-color: #2a4d35; /*The default theme color*/ 32 | --theme-transparency: rgba(0, 0, 0, 0.6); /*The mask that applies over the background*/ 33 | --home-icon-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918730415571894272/unknown.png); /*Your friends icon*/ 34 | --home-icon-image-position: center center; 35 | --home-icon-image-zoom: 100%; 36 | 37 | /* 38 | Server Listing Width 39 | Single Column: 72px 40 | Double Column: 126px 41 | Triple Column: 184px 42 | Quad Column: 242px 43 | Pentad Column: 304px 44 | */ 45 | /*[SERVER LISTING]*/ 46 | /*The number of columns in your server listing.*/ 47 | --server-listing-width: 72px; 48 | 49 | /*[FONT SIZE]*/ 50 | --font-size: 100%; 51 | 52 | /*[MENTION COLORS]*/ 53 | --mention-color: #931d334b; /*The color messages that mention you will highlight in*/ 54 | --mention-sider: #931d337f; /*The small bar on the left of a message that mentions you*/ 55 | --mention-hover-color: #931d335f; /*The color a mention highlight changes to when you hover over it*/ 56 | 57 | --category-hover-color: #2a4d355f; /*Color that categories change to when hovered over*/ 58 | 59 | --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ 60 | 61 | /*[VIDEO PLAYER]*/ 62 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 63 | --video-screen-button-foreground-color: white; 64 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 65 | --video-screen-button-foreground-hovor-color: white; 66 | 67 | --member-listing-role-color: var(--main-theme-color); 68 | 69 | /*[USER POPOUTS]*/ 70 | /*The settings for the popouts when you click on a user in the members list (small popout) and when you click the "profile" button on a user (big popout)*/ 71 | /*Similar to main theme settings.*/ 72 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #8d1f20ff 95%), url(https://cdn.discordapp.com/attachments/817661056892665857/918731596075532338/IMG_4775.jpeg); 73 | --small-user-popout-background-transparency: rgba(0,0,0, 0.4); 74 | --small-user-popout-background-image-position: center; 75 | 76 | --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918731596419461140/christmas-anime-girl-2020.png); 77 | --big-user-popout-background-transparency: rgba(49,15,34, 0.6); 78 | --big-user-popout-background-image-position: center; 79 | 80 | /*[CODE BLOCKS]*/ 81 | --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ 82 | --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ 83 | 84 | --message-box-transparency: rgba(0, 0, 0, 0.6); /*The message box at the bottom. Change the first three values to edit its color, and the last to edit its transparency*/ 85 | 86 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 87 | 88 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); /*The small box that appears around the edit, pin, delete, etc icons when you hover over a message*/ 89 | 90 | /*[ADVANCED SETTINGS]*/ 91 | /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ 92 | 93 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 94 | 95 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 96 | --add-discover-icon-color: #43b581; 97 | 98 | --channel-limit-count-color: var(--channels-default); 99 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 100 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 101 | 102 | --scrollbar-color: #2a4d3589; 103 | 104 | --unread-message-divider-color: #f04747; 105 | --unread-message-divider-font-color: #fff; 106 | 107 | --new-messages-bar-background-color: var(--main-theme-color); /*The bar atop the screen saying "x new messages" when you're in a channel with unreads*/ 108 | --new-messages-bar-font-color: #fff; 109 | 110 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 111 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 112 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 113 | --emoji-menu-bottom-bar-background-color: black; 114 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 115 | 116 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 117 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 118 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 119 | 120 | --text-voice-channel-color: rgb(142, 146, 151); 121 | --text-voice-channel-hover-color: #dcddde; 122 | --text-voice-channel-selected-text-color: #fff; 123 | --unread-text-channel-color: #2a4d35; 124 | --unread-text-channel-bubble-color: #2a4d35; 125 | 126 | --folder-background-color: #2f3136; 127 | --expanded-folder-background-color: transparent; 128 | 129 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 130 | --reaction-emoji-border-color: 1px solid transparent; 131 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 132 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 133 | } 134 | 135 | /*Changes the way popout background images apply to account for any size mismatching.*/ 136 | .root-3QyAh1 {background-size: cover;} /*Large popout*/ 137 | .userPopout-xaxa6l {background-size: cover;} /*Small popout*/ 138 | 139 | /*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ 140 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/Wubzy's Themes/AnimePack/AnimePack Hot Tub.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack Hot Tub 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | /* 14 | * ========================================= 15 | * Created using Wubzy.xyz's theme generator 16 | * Questions about the theme or generator? Bugs or suggestions? 17 | * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY 18 | * Feedback is always welcome! 19 | * 20 | * Hope you like your theme! ^^ 21 | * ========================================= 22 | */ 23 | 24 | /*Generated at Mon, 25 Oct 2021 23:08:50 GMT -> Generator version Beta - 1.1.3*/ 25 | 26 | :root { 27 | 28 | /*[MAIN THEME SETTINGS]*/ 29 | /*Some important settings that will change the majority of your client.*/ 30 | --theme-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/902331899140251658/IMG_3754.png); /*The main image over your whole Discord client*/ 31 | --main-theme-color: #1a80e9; /*The default theme color*/ 32 | --theme-transparency: rgba(0, 0, 0, 0.7); /*The mask that applies over the background*/ 33 | --home-icon-image: url(https://cdn.discordapp.com/attachments/893216972660162631/902332410488844288/unknown.png); /*Your friends icon*/ 34 | --home-icon-image-position: center center; 35 | --home-icon-image-zoom: 100%; 36 | 37 | /* 38 | Server Listing Width 39 | Single Column: 72px 40 | Double Column: 126px 41 | Triple Column: 184px 42 | Quad Column: 242px 43 | Pentad Column: 304px 44 | */ 45 | /*[SERVER LISTING]*/ 46 | /*The number of columns in your server listing.*/ 47 | --server-listing-width: 72px; 48 | 49 | /*[FONT SIZE]*/ 50 | --font-size: 100%; 51 | 52 | /*[MENTION COLORS]*/ 53 | --mention-color: #1a80e94b; /*The color messages that mention you will highlight in*/ 54 | --mention-sider: #1a80e97f; /*The small bar on the left of a message that mentions you*/ 55 | --mention-hover-color: #1a80e95f; /*The color a mention highlight changes to when you hover over it*/ 56 | 57 | --category-hover-color: #1a80e95f; /*Color that categories change to when hovered over*/ 58 | 59 | --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ 60 | 61 | /*[VIDEO PLAYER]*/ 62 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 63 | --video-screen-button-foreground-color: white; 64 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 65 | --video-screen-button-foreground-hovor-color: white; 66 | 67 | --member-listing-role-color: var(--main-theme-color); 68 | 69 | /*[USER POPOUTS]*/ 70 | /*The settings for the popouts when you click on a user in the members list (small popout) and when you click the "profile" button on a user (big popout)*/ 71 | /*Similar to main theme settings.*/ 72 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/871289028421492756/anime_warrior_4k_5k-1440x2560.jpg); 73 | --small-user-popout-background-transparency: rgba(0,0,0, 0.6); 74 | --small-user-popout-background-image-position: center; 75 | 76 | --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/868911750198751283/image0-5.gif); 77 | --big-user-popout-background-transparency: rgba(0,0,0, 0.7); 78 | --big-user-popout-background-image-position: center; 79 | 80 | /*[CODE BLOCKS]*/ 81 | --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ 82 | --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ 83 | 84 | --message-box-transparency: rgba(0, 0, 0, 0.6); /*The message box at the bottom. Change the first three values to edit its color, and the last to edit its transparency*/ 85 | 86 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 87 | 88 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); /*The small box that appears around the edit, pin, delete, etc icons when you hover over a message*/ 89 | 90 | /*[ADVANCED SETTINGS]*/ 91 | /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ 92 | 93 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 94 | 95 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 96 | --add-discover-icon-color: #43b581; 97 | 98 | --channel-limit-count-color: var(--channels-default); 99 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 100 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 101 | 102 | --scrollbar-color: #be6eba89; 103 | 104 | --unread-message-divider-color: #f04747; 105 | --unread-message-divider-font-color: #fff; 106 | 107 | --new-messages-bar-background-color: var(--main-theme-color); /*The bar atop the screen saying "x new messages" when you're in a channel with unreads*/ 108 | --new-messages-bar-font-color: #fff; 109 | 110 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 111 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 112 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 113 | --emoji-menu-bottom-bar-background-color: black; 114 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 115 | 116 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 117 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 118 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 119 | 120 | --text-voice-channel-color: rgb(142, 146, 151); 121 | --text-voice-channel-hover-color: #dcddde; 122 | --text-voice-channel-selected-text-color: #fff; 123 | --unread-text-channel-color: #be6eba; 124 | --unread-text-channel-bubble-color: #be6eba; 125 | 126 | --folder-background-color: #2f3136; 127 | --expanded-folder-background-color: transparent; 128 | 129 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 130 | --reaction-emoji-border-color: 1px solid transparent; 131 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 132 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 133 | } 134 | 135 | /*Changes the way popout background images apply to account for any size mismatching.*/ 136 | .root-3QyAh1 {background-size: cover;} /*Large popout*/ 137 | .userPopout-xaxa6l {background-size: cover;} /*Small popout*/ 138 | 139 | /*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ 140 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/Wubzy's Themes/AnimePack/AnimePack - Christmas.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack -> Christmas 1 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | /* 14 | * ========================================= 15 | * Created using Wubzy.xyz's theme generator 16 | * Questions about the theme or generator? Bugs or suggestions? 17 | * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY 18 | * Feedback is always welcome! 19 | * 20 | * Hope you like your theme! ^^ 21 | * ========================================= 22 | */ 23 | 24 | /*Generated at Fri, 10 Dec 2021 06:40:50 GMT -> Generator version Beta - 1.1.3*/ 25 | 26 | :root { 27 | 28 | /*[MAIN THEME SETTINGS]*/ 29 | /*Some important settings that will change the majority of your client.*/ 30 | --theme-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918736465381437461/anime-girl-christmas-santa-costume-fang-smiling-snow.png); /*The main image over your whole Discord client*/ 31 | --main-theme-color: #2a4d35; /*The default theme color*/ 32 | --theme-transparency: rgba(0, 0, 0, 0.6); /*The mask that applies over the background*/ 33 | --home-icon-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918730415571894272/unknown.png); /*Your friends icon*/ 34 | --home-icon-image-position: center center; 35 | --home-icon-image-zoom: 100%; 36 | 37 | /* 38 | Server Listing Width 39 | Single Column: 72px 40 | Double Column: 126px 41 | Triple Column: 184px 42 | Quad Column: 242px 43 | Pentad Column: 304px 44 | */ 45 | /*[SERVER LISTING]*/ 46 | /*The number of columns in your server listing.*/ 47 | --server-listing-width: 72px; 48 | 49 | /*[FONT SIZE]*/ 50 | --font-size: 100%; 51 | 52 | /*[MENTION COLORS]*/ 53 | --mention-color: #931d334b; /*The color messages that mention you will highlight in*/ 54 | --mention-sider: #931d337f; /*The small bar on the left of a message that mentions you*/ 55 | --mention-hover-color: #931d335f; /*The color a mention highlight changes to when you hover over it*/ 56 | 57 | --category-hover-color: #2a4d355f; /*Color that categories change to when hovered over*/ 58 | 59 | --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ 60 | 61 | /*[VIDEO PLAYER]*/ 62 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 63 | --video-screen-button-foreground-color: white; 64 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 65 | --video-screen-button-foreground-hovor-color: white; 66 | 67 | --member-listing-role-color: var(--main-theme-color); 68 | 69 | /*[USER POPOUTS]*/ 70 | /*The settings for the popouts when you click on a user in the members list (small popout) and when you click the "profile" button on a user (big popout)*/ 71 | /*Similar to main theme settings.*/ 72 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #8d1f20ff 95%), url(https://cdn.discordapp.com/attachments/817661056892665857/918731596075532338/IMG_4775.jpeg); 73 | --small-user-popout-background-transparency: rgba(0,0,0, 0.4); 74 | --small-user-popout-background-image-position: center; 75 | 76 | --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918731596419461140/christmas-anime-girl-2020.png); 77 | --big-user-popout-background-transparency: rgba(49,15,34, 0.6); 78 | --big-user-popout-background-image-position: center; 79 | 80 | /*[CODE BLOCKS]*/ 81 | --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ 82 | --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ 83 | 84 | --message-box-transparency: rgba(0, 0, 0, 0.6); /*The message box at the bottom. Change the first three values to edit its color, and the last to edit its transparency*/ 85 | 86 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 87 | 88 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); /*The small box that appears around the edit, pin, delete, etc icons when you hover over a message*/ 89 | 90 | /*[ADVANCED SETTINGS]*/ 91 | /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ 92 | 93 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 94 | 95 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 96 | --add-discover-icon-color: #43b581; 97 | 98 | --channel-limit-count-color: var(--channels-default); 99 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 100 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 101 | 102 | --scrollbar-color: #2a4d3589; 103 | 104 | --unread-message-divider-color: #f04747; 105 | --unread-message-divider-font-color: #fff; 106 | 107 | --new-messages-bar-background-color: var(--main-theme-color); /*The bar atop the screen saying "x new messages" when you're in a channel with unreads*/ 108 | --new-messages-bar-font-color: #fff; 109 | 110 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 111 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 112 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 113 | --emoji-menu-bottom-bar-background-color: black; 114 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 115 | 116 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 117 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 118 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 119 | 120 | --text-voice-channel-color: rgb(142, 146, 151); 121 | --text-voice-channel-hover-color: #dcddde; 122 | --text-voice-channel-selected-text-color: #fff; 123 | --unread-text-channel-color: #2a4d35; 124 | --unread-text-channel-bubble-color: #2a4d35; 125 | 126 | --folder-background-color: #2f3136; 127 | --expanded-folder-background-color: transparent; 128 | 129 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 130 | --reaction-emoji-border-color: 1px solid transparent; 131 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 132 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 133 | } 134 | 135 | /*Changes the way popout background images apply to account for any size mismatching.*/ 136 | .root-3QyAh1 {background-size: cover;} /*Large popout*/ 137 | .userPopout-xaxa6l {background-size: cover;} /*Small popout*/ 138 | 139 | /*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ 140 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/Wubzy's Themes/AnimePack/AnimePack - The Ancient Magus' Bride.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack -> The Ancient Magus' Bride 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | /* 14 | * ========================================= 15 | * Created using Wubzy.xyz's theme generator 16 | * Questions about the theme or generator? Bugs or suggestions? 17 | * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY 18 | * Feedback is always welcome! 19 | * 20 | * Hope you like your theme! ^^ 21 | * ========================================= 22 | */ 23 | 24 | /*Generated at Tue, 07 Dec 2021 05:33:54 GMT -> Generator version Beta - 1.1.3*/ 25 | 26 | :root { 27 | 28 | /*[MAIN THEME SETTINGS]*/ 29 | /*Some important settings that will change the majority of your client.*/ 30 | --theme-background-image: url(https://cdn.discordapp.com/attachments/497601208186306560/704414153821126709/mahou-tsukai-no-yome-elias-ainsworth-hatori-chise-the-ancient-magus-bride-wallpaper-preview.jpg); /*The main image over your whole Discord client*/ 31 | --main-theme-color: #43b581; /*The default theme color*/ 32 | --theme-transparency: rgba(0, 0, 0, 0.6); /*The mask that applies over the background*/ 33 | --home-icon-image: url(https://cdn.discordapp.com/attachments/497601208186306560/917649849686581278/unknown.png); /*Your friends icon*/ 34 | --home-icon-image-position: center center; 35 | --home-icon-image-zoom: 100%; 36 | 37 | /* 38 | Server Listing Width 39 | Single Column: 72px 40 | Double Column: 126px 41 | Triple Column: 184px 42 | Quad Column: 242px 43 | Pentad Column: 304px 44 | */ 45 | /*[SERVER LISTING]*/ 46 | /*The number of columns in your server listing.*/ 47 | --server-listing-width: 72px; 48 | 49 | /*[FONT SIZE]*/ 50 | --font-size: 100%; 51 | 52 | /*[MENTION COLORS]*/ 53 | --mention-color: #b84d4d4b; /*The color messages that mention you will highlight in*/ 54 | --mention-sider: #b84d4d7f; /*The small bar on the left of a message that mentions you*/ 55 | --mention-hover-color: #b84d4d5f; /*The color a mention highlight changes to when you hover over it*/ 56 | 57 | --category-hover-color: #43b5815f; /*Color that categories change to when hovered over*/ 58 | 59 | --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ 60 | 61 | /*[VIDEO PLAYER]*/ 62 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 63 | --video-screen-button-foreground-color: white; 64 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 65 | --video-screen-button-foreground-hovor-color: white; 66 | 67 | --member-listing-role-color: var(--main-theme-color); 68 | 69 | /*[USER POPOUTS]*/ 70 | /*The settings for the popouts when you click on a user in the members list (small popout) and when you click the "profile" button on a user (big popout)*/ 71 | /*Similar to main theme settings.*/ 72 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #041b2cff 105%), url(https://cdn.discordapp.com/attachments/497601208186306560/917620162662895646/0ddebb008443d40dc59feab9b1c1230d1db252d7.png); 73 | --small-user-popout-background-transparency: rgba(0,0,0, 0.3); 74 | --small-user-popout-background-image-position: center; 75 | 76 | --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/497601208186306560/917620699223437312/chise-and-Elias.png); 77 | --big-user-popout-background-transparency: rgba(0,0,0, 0.7); 78 | --big-user-popout-background-image-position: center; 79 | 80 | /*[CODE BLOCKS]*/ 81 | --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ 82 | --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ 83 | 84 | --message-box-transparency: rgba(0, 0, 0, 0.6); /*The message box at the bottom. Change the first three values to edit its color, and the last to edit its transparency*/ 85 | 86 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 87 | 88 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); /*The small box that appears around the edit, pin, delete, etc icons when you hover over a message*/ 89 | 90 | /*[ADVANCED SETTINGS]*/ 91 | /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ 92 | 93 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 94 | 95 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 96 | --add-discover-icon-color: #43b581; 97 | 98 | --channel-limit-count-color: var(--channels-default); 99 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 100 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 101 | 102 | --scrollbar-color: #43b58189; 103 | 104 | --unread-message-divider-color: #f04747; 105 | --unread-message-divider-font-color: #fff; 106 | 107 | --new-messages-bar-background-color: var(--main-theme-color); /*The bar atop the screen saying "x new messages" when you're in a channel with unreads*/ 108 | --new-messages-bar-font-color: #fff; 109 | 110 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 111 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 112 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 113 | --emoji-menu-bottom-bar-background-color: black; 114 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 115 | 116 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 117 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 118 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 119 | 120 | --text-voice-channel-color: rgb(142, 146, 151); 121 | --text-voice-channel-hover-color: #dcddde; 122 | --text-voice-channel-selected-text-color: #fff; 123 | --unread-text-channel-color: #b84d4d; 124 | --unread-text-channel-bubble-color: #b84d4d; 125 | 126 | --folder-background-color: #2f3136; 127 | --expanded-folder-background-color: transparent; 128 | 129 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 130 | --reaction-emoji-border-color: 1px solid transparent; 131 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 132 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 133 | } 134 | 135 | /*Changes the way popout background images apply to account for any size mismatching.*/ 136 | .root-3QyAh1 {background-size: cover;} /*Large popout*/ 137 | .userPopout-xaxa6l {background-size: cover;} /*Small popout*/ 138 | 139 | /*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ 140 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/Wubzy's Themes/AnimePack/AnimePack Neon 3.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name AnimePack Neon 4 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | /* 14 | * ========================================= 15 | * Created using Wubzy.xyz's theme generator 16 | * Questions about the theme or generator? Bugs or suggestions? 17 | * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY 18 | * Feedback is always welcome! 19 | * 20 | * Hope you like your theme! ^^ 21 | * ========================================= 22 | */ 23 | 24 | /*Generated at Tue, 21 Dec 2021 05:27:12 GMT -> Generator version Beta - 1.1.3*/ 25 | 26 | :root { 27 | 28 | /*[MAIN THEME SETTINGS]*/ 29 | /*Some important settings that will change the majority of your client.*/ 30 | --theme-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/922721105033191464/Bkf4hN7Wp31kGWxB_1.gif); /*The main image over your whole Discord client*/ 31 | --main-theme-color: #bd48e7; /*The default theme color*/ 32 | --theme-transparency: rgba(0, 0, 0, 0.7); /*The mask that applies over the background*/ 33 | --home-icon-image: url(https://cdn.discordapp.com/attachments/817661056892665857/922732291829141554/IMG_5239.jpg); /*Your friends icon*/ 34 | --home-icon-image-position: center center; 35 | --home-icon-image-zoom: 100%; 36 | 37 | /* 38 | Server Listing Width 39 | Single Column: 72px 40 | Double Column: 126px 41 | Triple Column: 184px 42 | Quad Column: 242px 43 | Pentad Column: 304px 44 | */ 45 | /*[SERVER LISTING]*/ 46 | /*The number of columns in your server listing.*/ 47 | --server-listing-width: 72px; 48 | 49 | /*[FONT SIZE]*/ 50 | --font-size: 100%; 51 | 52 | /*[MENTION COLORS]*/ 53 | --mention-color: #bd48e74b; /*The color messages that mention you will highlight in*/ 54 | --mention-sider: #bd48e77f; /*The small bar on the left of a message that mentions you*/ 55 | --mention-hover-color: #bd48e75f; /*The color a mention highlight changes to when you hover over it*/ 56 | 57 | --category-hover-color: #bd48e75f; /*Color that categories change to when hovered over*/ 58 | 59 | --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ 60 | 61 | /*[VIDEO PLAYER]*/ 62 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 63 | --video-screen-button-foreground-color: white; 64 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 65 | --video-screen-button-foreground-hovor-color: white; 66 | 67 | --member-listing-role-color: var(--main-theme-color); 68 | 69 | /*[USER POPOUTS]*/ 70 | /*The settings for the popouts when you click on a user in the members list (small popout) and when you click the "profile" button on a user (big popout)*/ 71 | /*Similar to main theme settings.*/ 72 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #390439ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/870822231578673152/de4278p-e13dd169-a8f5-49e6-aef8-cbf76c511725.png); 73 | --small-user-popout-background-transparency: rgba(0,0,0, 0.63); 74 | --small-user-popout-background-image-position: center; 75 | 76 | --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/869034932062810192/background.jpg); 77 | --big-user-popout-background-transparency: rgba(0,0,0, 0.6); 78 | --big-user-popout-background-image-position: center; 79 | 80 | /*[CODE BLOCKS]*/ 81 | --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ 82 | --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ 83 | 84 | --message-box-transparency: rgba(0, 0, 0, 0.6); /*The message box at the bottom. Change the first three values to edit its color, and the last to edit its transparency*/ 85 | 86 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 87 | 88 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); /*The small box that appears around the edit, pin, delete, etc icons when you hover over a message*/ 89 | 90 | /*[ADVANCED SETTINGS]*/ 91 | /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ 92 | 93 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 94 | 95 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 96 | --add-discover-icon-color: #43b581; 97 | 98 | --channel-limit-count-color: var(--channels-default); 99 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 100 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 101 | 102 | --scrollbar-color: #bd48e789; 103 | 104 | --unread-message-divider-color: #f04747; 105 | --unread-message-divider-font-color: #fff; 106 | 107 | --new-messages-bar-background-color: var(--main-theme-color); /*The bar atop the screen saying "x new messages" when you're in a channel with unreads*/ 108 | --new-messages-bar-font-color: #fff; 109 | 110 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 111 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 112 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 113 | --emoji-menu-bottom-bar-background-color: black; 114 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 115 | 116 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 117 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 118 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 119 | 120 | --text-voice-channel-color: rgb(142, 146, 151); 121 | --text-voice-channel-hover-color: #dcddde; 122 | --text-voice-channel-selected-text-color: #fff; 123 | --unread-text-channel-color: #bd48e7; 124 | --unread-text-channel-bubble-color: #bd48e7; 125 | 126 | --folder-background-color: #2f3136; 127 | --expanded-folder-background-color: transparent; 128 | 129 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 130 | --reaction-emoji-border-color: 1px solid transparent; 131 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 132 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 133 | } 134 | 135 | /*Changes the way popout background images apply to account for any size mismatching.*/ 136 | .root-3QyAh1 {background-size: cover;} /*Large popout*/ 137 | .userPopout-xaxa6l {background-size: cover;} /*Small popout*/ 138 | .appMount-3lHmkl { 139 | background-size: 130%; 140 | background-position-y: 52%; 141 | } 142 | 143 | /*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ 144 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} -------------------------------------------------------------------------------- /community/ZeroTwo/ZeroTwo.theme.css: -------------------------------------------------------------------------------- 1 | //META{"name":"Zero Two Theme","description":"Anime theme made by WhatDaPuck#2080, make sure you're up to date at https://goo.gl/dcCBQd","author":"WhatDaPuck#2080","version":"2.2"}*//{} 2 | @import url(https://rawgit.com/puckzxz/NotAnotherAnimeTheme/master/css/NotAnotherAnimeTheme.css); 3 | 4 | 5 | /*Theme customized by Seva#4085*/ 6 | 7 | 8 | /*To make editing this theme easier I recommend using Notepad++ , you can download it for free here - https://notepad-plus-plus.org/download/ */ 9 | 10 | 11 | 12 | /*Any images you use MUST end with .jpg or .png or any other image extension*/ 13 | /*This is NOT a valid link, https://imgur.com/a/ycjL2 */ 14 | /*THIS IS A VALID LINK https://i.imgur.com/rCqnrQ7.jpg */ 15 | /*Usually you can just right click your image and then click "Copy image address" and that should give you the direct link to the image*/ 16 | 17 | 18 | 19 | /*To edit any colors in this theme you can use hex or rgba*/ 20 | /*Example hex code: #43b581 - that is the default discord green*/ 21 | /*Example rgba: rbga(255, 0, 0, 0.5) - that is red with half transparency*/ 22 | /*rgba works like this rgba(RED, GREEN, BLUE, ALPHA) - red, green and blue should be self-explanatory. alpha is just transparency with 0.00 being the lowest and 1.00 being the highest*/ 23 | 24 | 25 | 26 | 27 | /*EDIT THIS TO CHANGE THE BACKGROUND, I RECOMMEND USING IMGUR TO HOST YOUR IMAGE*/ 28 | [class~=app] { 29 | background: url(https://i.imgur.com/xMwczSz.png) !important; 30 | background-size: cover !important; 31 | } 32 | 33 | 34 | 35 | /*EDIT THIS TO CHANGE THE FRIENDS ICON IMAGE, I WOULD RECOMMEND USING IMGUR TO HOST YOUR IMAGE*/ 36 | [class~=guilds-wrapper] [class~=guilds] [class~=friends-icon] { 37 | background-image: url(https://i.imgur.com/WxDaETH.png) 38 | } 39 | 40 | 41 | 42 | /*IF YOU DON'T WANT A CUSTOM FRIENDS ICON JUST REMOVE THIS BIT OF CODE*/ 43 | [class~=guilds-wrapper] [class~=guilds] [class~=friends-icon] { 44 | display: block; 45 | width: 50px; 46 | height: 50px; 47 | content: ''; 48 | background-size: 100%; /*how zoomed in or zoomed out your image is*/ 49 | background-repeat: no-repeat; 50 | background-position: top left; /*the positioning of your image in the icon, for example "top left" uses the top left of the image*/ 51 | } 52 | 53 | 54 | 55 | /*THIS CHANGES THE COLOR OF THE UNREAD NOTIFICATION - https://i.imgur.com/ZNds6nn.png */ 56 | .guilds-wrapper .guilds .guild.unread:not(.selected):before, 57 | .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before { 58 | background: #f37489; 59 | } 60 | 61 | 62 | 63 | /*THIS CHANGES THE COLOR OF SELECTED TEXT CHANNEL AND THE COLOR WHEN YOU HOVER OVER A CHANNEL - https://i.imgur.com/P7KT3hj.png */ 64 | [class~=nameSelectedVoice-XpjYTw], .nameHoveredText-2FFqiz, [class~=nameHoveredVoice-TIoHRJ], [class~=nameSelectedText-32NDX5] { 65 | color: #f37489; 66 | } 67 | 68 | 69 | 70 | /*THIS CHANGES THE COLOR OF THE UNREAD NOTIFICATION FOR A TEXT CHANNEL - https://i.imgur.com/49JPciq.png */ 71 | [class~=unread-23Kvxk] { 72 | background-color: #f37489; 73 | } 74 | 75 | 76 | 77 | /*THIS CHANGES THE COLOR OF THE NEW MESSAGES BAR - https://i.imgur.com/ZtGJ8hy.png */ 78 | [class~=chat] [class~=new-messages-bar] { 79 | background-color: rgba(137, 66, 77, .9); 80 | } 81 | /*AND THIS CHANGES THE COLOR FOR WHEN YOU HOVER OVER IT*/ 82 | [class~=chat] [class~=new-messages-bar]:hover { 83 | background-color: rgba(137, 66, 77, 1); 84 | } 85 | 86 | 87 | 88 | /*THIS CHANGES THE SCROLLBAR COLOR FOR THE CHAT - https://i.imgur.com/VP1h36R.png */ 89 | [class~=scroller-wrap] [class~=scroller]::-webkit-scrollbar-thumb { 90 | background-color: rgba(229, 149, 162, .5) !important; 91 | } 92 | 93 | 94 | 95 | /*THIS CHANGES THE COLOR OF THE CHANNEL/VOICE CATEGORIES - https://i.imgur.com/4cURWzl.png */ 96 | .iconCollapsed-1INdMX, .iconDefault-xzclSQ, .nameCollapsed-3_ChMu, .nameDefault-Lnjrwm { 97 | color: #e595a2; 98 | } 99 | /*THIS CHANGES THE COLOR FOR WHEN YOU HOVER OF THE CATEGORY*/ 100 | .iconHovered-3PRzOR, iconHoveredCollapsed-jNYgOD, .nameHovered-1YFSWq, .nameHoveredCollapsed-2c-EHI{ 101 | color: #e595a2; 102 | } 103 | 104 | 105 | 106 | /*THIS CHANGES THE COLOR OF THE TITLE BAR - https://i.imgur.com/WHZoI2W.png */ 107 | .appMount-14L89u { 108 | background-color: #000000; 109 | } 110 | 111 | 112 | 113 | /*THIS CHANGES THE COLOR WHEN A PERSON IS SPEAKING AND THE COLOR WHEN YOU HOVER OF THEIR NAME*/ 114 | [class~=nameSpeaking-3ROx9q], 115 | [class~=nameHovered-28u_Fz] { 116 | color: #e595a2; 117 | } 118 | 119 | 120 | 121 | /*THIS CHANGES THE EMBED BACKGROUND DARKNESS AND BORDER COLOR*/ 122 | .theme-dark .embedInner-t4ag7g { 123 | background-color: rgba(0, 0, 0, 0.8); 124 | border-color: rgba(229, 149, 162, 0.2); 125 | } 126 | .theme-dark .embedPill-3sYS1X { 127 | background-color: rgba(229, 149, 162, 0.4); 128 | } 129 | 130 | 131 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF THE CONTAINER FOR THE SERVER LISTING*/ 132 | [class~=guilds-wrapper] { 133 | background: rgba(0, 0, 0, .8) !important; 134 | } 135 | 136 | 137 | 138 | /*THIS CHANGES THE COLOR/STRANSPARENCY OF THE CONTAINER FOR THE CHANNEL LISTING*/ 139 | .channels-3g2vYe { 140 | background-color: rgba(0, 0, 0, 0.8); 141 | } 142 | 143 | 144 | 145 | /*THIS CHANGES THE COLOR/TRANSPAENCY OF THE CONTAINER FOR THE CHANNEL INFO*/ 146 | .theme-dark .title-qAcLxz { 147 | background: rgba(0, 0, 0, 0.8); 148 | } 149 | 150 | 151 | 152 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF MAIN CONTENT IN THE WINDOW*/ 153 | [class~=content] [class~=flex-spacer] { 154 | background: rgba(0, 0, 0, 0.8); 155 | } 156 | 157 | 158 | 159 | /*THIS CHANGES COLOR/TRANSPARENCY OF THE MEMBER LISTING*/ 160 | [class~=channel-members], [class~=private-channels] [class~=search-bar] input { 161 | background: rgba(0, 0, 0, .8) !important; 162 | } 163 | 164 | 165 | 166 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF THE LFG TAB*/ 167 | .theme-dark .lfg-3xoFkI { 168 | background-color: rgba(0, 0, 0, 0.8); 169 | } 170 | 171 | 172 | 173 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF THE FRIENDS LIST*/ 174 | .friends-table { 175 | background: rgba(0, 0, 0, 0.8) !important; 176 | } 177 | 178 | 179 | 180 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF THE FRIENDS HEADER*/ 181 | .theme-dark .headerBar-cxbhPD { 182 | background: rgba(0, 0, 0, 0.8); 183 | } 184 | 185 | 186 | 187 | /*THIS CHANGES THE COLOR WHEN YOUR HOVER OVER SOMEONE IN THE SERVER MEMBERS LISTING*/ 188 | .channel-members .member:hover { 189 | background: linear-gradient(90deg,rgba(229, 149, 162,0.2) 85%,rgba(0, 0, 0, 0)) !important; 190 | } 191 | 192 | 193 | 194 | /*THIS CHANGES THE COLOR AND SIZE OF THE SEPARATION LINE WHEN YOU CLICK ON A USER*/ 195 | .body-3rkFrF { 196 | background-color: rgba(0,0,0,0.9); 197 | padding: 20px; 198 | border-bottom: 1px solid #e595a2; 199 | } 200 | 201 | 202 | 203 | /*THIS CHANGES THE COLOR OF THE "PROTIP:" WHEN YOU CLICK ON A USER*/ 204 | .statusGreen-1ADNRt { 205 | color: #e595a2; 206 | } 207 | 208 | 209 | 210 | /*THIS CHANGES COLOR OF THE TEXT SHOWING THE MAX VOICE CONNECTIONS FOR A VOICE CHANNEL https://i.imgur.com/sgqWPke.png */ 211 | .wrapper-2ldvyE { 212 | color: #e595a2; 213 | } 214 | 215 | 216 | 217 | /*THIS CHANGES THE MENU WHEN CLICK THE SERVER OPTIONS DROPDOWN AND THE STATUS MENU */ 218 | .menu-3BZuDT { 219 | background: #000; 220 | } 221 | /*THIS CHANGES THE COLOR WHEN YOU HOVER OVER THE ITEMS IN THE ABOVE MENU*/ 222 | .item-rK1j5B:hover { 223 | background-color: rgb(25, 25, 25); 224 | } 225 | 226 | 227 | 228 | /*THESE CHANGE THE COLOR OF THE MENU WHEN YOU RIGHT CLICK ON A SERVER*/ 229 | .theme-dark .contextMenu-uoJTbz { 230 | background: #000000; 231 | } 232 | .theme-dark .itemSubMenu-3ZgIw- { /*DO NOT CHANGE THE URL HERE*/ 233 | background: #000000 url(/assets/1988164a7c55346d32117b151f4e319d.svg) no-repeat 155px 50%; 234 | } 235 | 236 | 237 | 238 | /*THIS CHANGES THE MENU WHEN YOU CLICK THE 3 DOTS IN THE TOP RIGHT OF A MESSAGE*/ 239 | .small-popout-box { 240 | background: #000; 241 | border: 1px solid #e595a2; 242 | } 243 | /*AND THIS CHANGED THE HOVER COLOR */ 244 | .option-popout .btn-item:hover { 245 | color:#e595a2; 246 | } 247 | 248 | 249 | /*THIS CHANGES THE COLOR OF THE PRIVATE CALL BACKGROUND*/ 250 | .video-3lOWa6 { 251 | background-color: rgba(0, 0, 0, 0.9); 252 | } 253 | 254 | 255 | 256 | /*THIS CHANGES THE TEXT SIZE IN SERVER CHAT AND DM'S*/ 257 | .messages .markup { 258 | font-size: .85em !important; 259 | } 260 | 261 | 262 | 263 | /*THIS CHANGES THE FONT COLOR*/ 264 | .theme-dark .message-group .comment .markup { 265 | color: rgba(255, 255, 255, 0.5) !important; 266 | /*You can change the font weight by editing the alpha, 0.5 is default, 1.0 would be bold*/ 267 | } -------------------------------------------------------------------------------- /community/TateNoYuushaFilo/Tate_No_Yuusha_Filo.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name "Tate No Yuusha - Filo" from "NotAnotherAnimeTheme" 3 | * @author puckzxz#2080 4 | * @version 2.2 5 | * @description An easily customizable and automatically updating theme 6 | * @Invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | */ 9 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/css/scsl.css); 10 | 11 | 12 | /* Import any custom fonts here */ 13 | 14 | 15 | 16 | /* To make editing this theme easier I recommend using Notepad++ , you can download it for free here - https://notepad-plus-plus.org/download/ */ 17 | 18 | /* Any images you use MUST end with .jpg or .png or any other image extension */ 19 | /* This is NOT a valid link, https://imgur.com/a/ycjL2 */ 20 | /* THIS IS A VALID LINK https://i.imgur.com/rCqnrQ7.jpg */ 21 | 22 | /* If you find an image I would STRONGLY recommend rehosting the image on imgur https://imgur.com/upload */ 23 | /*https://i.imgur.com/kIaTpVL.jpg BEST IMG*/ 24 | 25 | :root { 26 | /* 27 | Change the theme background 28 | Default: https://i.imgur.com/j1Z6HVc.jpg 29 | */ 30 | --background-image: url(https://i.imgur.com/kIaTpVL.jpg); 31 | 32 | /* 33 | Change your friends icon image 34 | Default: https://i.imgur.com/63g6Em8.jpg 35 | */ 36 | --friends-icon: url(https://i.imgur.com/ifjdq0G.png); 37 | 38 | /* 39 | Change your friends icon iamge position 40 | Default: center center 41 | */ 42 | --friends-icon-position: center center; 43 | 44 | /* 45 | Change your friends icon image zoom 46 | Default: 100% 47 | */ 48 | --friends-icon-zoom: 150%; 49 | 50 | /* 51 | Change the main theme color 52 | Default: rgb(67, 181, 129) 53 | */ 54 | --main-color: rgb(100, 212, 232); 55 | 56 | /* 57 | Change global transparency 58 | You can use this to make your background image lighter or darker 59 | Default: rgba(0, 0, 0, 0.8) 60 | */ 61 | --main-transparency: rgba(0, 0, 0, 0.75); 62 | 63 | /* 64 | Change the unread server animation. 65 | Replace it with "none" in order to remove any animations and use the main color instead 66 | Default: rainbow 67 | */ 68 | --unread-server-animation: rainbow; 69 | 70 | /* 71 | Change background color when you hover members or friends 72 | Default: rgba(255, 255, 255, .15) 73 | */ 74 | --hover-list-bg-color: rgba(250, 233, 207, 0.6); 75 | 76 | /* 77 | Change the color of the borders between messages 78 | Default: hsla(0,0%,100%,.1) 79 | */ 80 | --border-lines-color: hsla(189.1,74%,65%,0.4); 81 | 82 | /* 83 | Change the scroll bar color 84 | Default: rgba(255,255,255, .15) 85 | */ 86 | --scroll-bar-color: rgba(0, 33, 106, 0.6); 87 | 88 | /* 89 | Change chat messages font size, you can use any unit: px, em, rem, % 90 | Default: 16px 91 | */ 92 | --font-size: 16px; 93 | 94 | /* 95 | Change the text color of a selected text channel or joined voice channel 96 | Default: #f6f6f7 97 | */ 98 | --selected-text-voice-color: rgb(0, 33, 106); 99 | 100 | /* 101 | Change the text color of a hovered text or voice channel 102 | Default: rgba(255, 255, 255, 0.75) 103 | */ 104 | --channel-hover-text-color: rgba(100, 212, 232,0.75); 105 | 106 | 107 | /* 108 | Change the text color of an unread text channel 109 | Default: #dcddde 110 | */ 111 | --unread-text-color: #dcddde; 112 | 113 | 114 | /* 115 | Change the transparency of the user popout when clicking a member 116 | Default: rgba(0, 0, 0, 0.8) 117 | */ 118 | --user-popup-background: rgba(0, 33, 106, 0.6); 119 | } 120 | 121 | 122 | 123 | /* ADD ANY CUSTOM CODE BELOW */ 124 | 125 | /*on friend click from RHS*/ 126 | /* Role and Note and playing */ 127 | .bodyTitle-Y0qMQz { 128 | color: rgb(250, 233, 207); 129 | } 130 | .theme-dark .activityUserPopout-2yItg2 .headerText-1HLrL7 { 131 | color: rgb(250, 233, 207); 132 | } 133 | /* Protip */ 134 | .statusGreen-168O6Q { 135 | color: rgb(250, 233, 207); 136 | } 137 | /*name and no and status*/ 138 | .headerName-fajvi9 { 139 | color: rgb(250, 233, 207) ; 140 | } 141 | .nameTag-m8r81H .username-2b1r56 { 142 | color:rgba(250, 233, 207,0.8); 143 | } 144 | .headerTag-2pZJzA { 145 | color:rgba(250, 233, 207,0.5); 146 | } 147 | 148 | 149 | 150 | /* upload box color */ 151 | .uploadModal-2ifh8j { 152 | background-color: rgba(250, 233, 207, 0.6); 153 | } 154 | 155 | 156 | /*mod tabs on right bar*/ 157 | .container-2ax-kl { 158 | color: rgba(250, 233, 207, 0.8); 159 | } 160 | 161 | 162 | /*general text colour*/ 163 | .markup-2BOw-j { 164 | color: white; /*nice hsl(35, 83%, 90%) */ 165 | } 166 | 167 | 168 | /*members list panel colour*/ 169 | .theme-dark .members-1998pB { 170 | background-color: rgba(245,213,163,0.1); 171 | } 172 | 173 | 174 | /*friends list names*/ 175 | .name-uJV0GL { 176 | color: hsl(35, 83%, 80%); 177 | } 178 | 179 | 180 | /*folder background colour*/ 181 | .folder-21wGz3 { 182 | background-color: rgba(33,193,222,0.2); 183 | } 184 | 185 | 186 | /*inside folder colour*/ 187 | .expandedFolderBackground-2sPsd- { 188 | background-color: rgba(131,193,204,0.2); 189 | } 190 | 191 | /*folder colour hover colour*/ 192 | .folder-21wGz3.hover-2ji_A7 { 193 | background-color:rgba(0, 33, 106, 0.6); 194 | } 195 | 196 | 197 | /*custom status on friends view*/ 198 | .activityText-OW8WYb { 199 | color: rgba(33,193,222,0.8) ; 200 | } 201 | 202 | /*status text on server*/ 203 | .activityText-yGKsKm { 204 | color: rgba(33,193,222,0.8) ; 205 | } 206 | 207 | 208 | /*all channel names*/ 209 | .name-3_Dsmg { 210 | color: hsla(43, 75%, 46%,0.9) ; 211 | } 212 | 213 | 214 | /* username while not speaking*/ 215 | .usernameFont-aFalyR { 216 | color: hsla(222, 60%, 50%, 1) ; 217 | } 218 | 219 | 220 | /*username while speaking*/ 221 | .usernameSpeaking-2xbKKh { 222 | color: hsla(189, 74%, 40%,1) ; 223 | } 224 | 225 | 226 | /*inline text maybe*/ 227 | .inline { 228 | color: rgba(250, 233, 207, 0.8) ; 229 | } 230 | 231 | 232 | 233 | 234 | /*names on join*/ 235 | .content-2M3n_H a { 236 | color: rgba(250, 233, 207, 0.7) ; 237 | } 238 | 239 | 240 | 241 | 242 | 243 | /*users in channel with no rank*/ 244 | .username-_4ZSMR { 245 | color: rgba(250, 233, 207, 0.7) ; 246 | } 247 | 248 | 249 | /*BLANK*/ 250 | .ELEMENT_HERE { 251 | color: COLOR HERE ; 252 | } 253 | 254 | 255 | 256 | 257 | /*Emoji Picker Top Corners & transparency & stuff*/ 258 | 259 | .bda-dark .emojiPicker-3m1S-j,.bda-dark .emojiPicker-3m1S-j .category-2U57w6 { 260 | background-color: rgba(0,0,0,0.4); 261 | border-radius: 5px 5px 5px 5px; 262 | } 263 | 264 | .emojiPicker-3m1S-j .stickyHeader-1SS0JU { 265 | background-color: rgba(0,0,0,0.3); 266 | } 267 | 268 | 269 | 270 | /*gif picker*/ 271 | .theme-dark .autocomplete-1vrmpx, .header-1TOWci { 272 | background-color: rgba(0,0,0,0.7); 273 | } 274 | 275 | 276 | 277 | /*message background shadow*/ 278 | .containerCozyBounded-1rKFAn { 279 | background: rgba(0, 0, 0, 0.2); /* message background color/transparency */ 280 | margin: 5px 20px; /* space between each message */ 281 | border-radius: 5px; /* message roundness */ 282 | } 283 | 284 | 285 | 286 | /*bg image is the discord shadow at beginning of conversation, color is line at beginning of conversation*/ 287 | .theme-dark .base-34jWEe { 288 | color: rgba(0,0,0,0) ; 289 | background-image: url(nothing) 290 | } 291 | 292 | 293 | 294 | /*the roundness of the corners on a folder*/ 295 | .expandedFolderBackground-2sPsd- { 296 | position: absolute; 297 | top: 0; 298 | left: 12px; 299 | bottom: 8px; 300 | width: 48px; 301 | border-radius: 10px; 302 | border-top-left-radius: 16px; 303 | border-top-right-radius: 16px; 304 | border-bottom-right-radius: 22px; 305 | border-bottom-left-radius: 22px; 306 | 307 | } 308 | 309 | /*server name borders*/ 310 | .content-3at_AU { 311 | background-color: rgba(0,0,0,0.3); 312 | border-radius: 8px ; 313 | } 314 | 315 | 316 | /*move server add/create in line*/ 317 | .scroller-2TZvBN>div:nth-last-child(-n+2) { 318 | margin-left: 0px ; 319 | } 320 | 321 | /*server online list name outline*/ 322 | .layout-2DM8Md { 323 | background-color: rgba(0,0,0,0.1); 324 | } 325 | 326 | 327 | /* SO MUCH MORE*/ 328 | 329 | /* DM BG*/ 330 | .flex-1xMQg5 flex-1O1GKY da-flex da-flex horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6 videoGridWrapper-2BDlMX da-videoGridWrapper minLayout-tDGzv- da-minLayout { 331 | color: rgba(0,0,255,0.9); 332 | } 333 | 334 | .members-1998pB>div { 335 | background-color: transparent; 336 | } 337 | 338 | 339 | 340 | .layout-2DM8Md { 341 | background-color: rgba(0,0,0,0.3); 342 | } 343 | -------------------------------------------------------------------------------- /community/Winter/Winter.theme.css: -------------------------------------------------------------------------------- 1 | //META{"name":"NAAT - Winter","description":"Winter theme made using NotAnotherAnimeTheme","author":"V-X#5476","version":"1.0"}*//{} 2 | @import url(https://rawgit.com/puckzxz/NotAnotherAnimeTheme/master/css/NotAnotherAnimeTheme.css); 3 | 4 | 5 | /* THIS THEME IS THE SAME AS THE ORIGINAL EXCEPT IT HAS A SINGLE COLUMN FOR SERVERS INSTEAD OF TWO */ 6 | /* IF YOU WANT THE ORIGINAL GO TO THIS LINK -> https://github.com/WhatDaPuck/NotAnotherAnimeTheme/blob/master/NotAnotherAnimeTheme.theme.css */ 7 | 8 | 9 | /*To make editing this theme easier I recommend using Notepad++ , you can download it for free here - https://notepad-plus-plus.org/download/ */ 10 | 11 | 12 | 13 | /*Any images you use MUST end with .jpg or .png or any other image extension*/ 14 | /*This is NOT a valid link, https://imgur.com/a/ycjL2 */ 15 | /*THIS IS A VALID LINK https://i.imgur.com/rCqnrQ7.jpg */ 16 | /*Usually you can just right click your image and then click "Copy image address" and that should give you the direct link to the image*/ 17 | 18 | 19 | 20 | /*To edit any colors in this theme you can use hex or rgba*/ 21 | /*Example hex code: #43b581 - that is the default discord green*/ 22 | /*Example rgba: rbga(255, 0, 0, 0.5) - that is red with half transparency*/ 23 | /*rgba works like this rgba(RED, GREEN, BLUE, ALPHA) - red, green and blue should be self-explanatory. alpha is just transparency with 0.00 being the lowest and 1.00 being the highest*/ 24 | 25 | 26 | 27 | 28 | /*EDIT THIS TO CHANGE THE BACKGROUND, I RECOMMEND USING IMGUR TO HOST YOUR IMAGE*/ 29 | [class~=app] { 30 | background: url(http://i.pi.gy/YnPxj.jpg) !important; 31 | background-size: cover !important; 32 | } 33 | 34 | 35 | 36 | /*EDIT THIS TO CHANGE THE FRIENDS ICON IMAGE, I WOULD RECOMMEND USING IMGUR TO HOST YOUR IMAGE*/ 37 | [class~=guilds-wrapper] [class~=guilds] [class~=friends-icon] { 38 | background-image: url(https://pics.clipartpng.com/Christmas_Present_PNG_Clipart-13.png) 39 | } 40 | 41 | 42 | 43 | /*IF YOU DON'T WANT A CUSTOM FRIENDS ICON JUST REMOVE THIS BIT OF CODE*/ 44 | [class~=guilds-wrapper] [class~=guilds] [class~=friends-icon] { 45 | display: block; 46 | width: 50px; 47 | height: 50px; 48 | content: ''; 49 | background-size: 120%; /*how zoomed in or zoomed out your image is*/ 50 | background-repeat: no-repeat; 51 | background-position: center; /*the positioning of your image in the icon, for example "top left" uses the top left of the image*/ 52 | } 53 | 54 | 55 | 56 | /*THIS CHANGES THE COLOR OF THE UNREAD NOTIFICATION - https://i.imgur.com/ZNds6nn.png */ 57 | .guilds-wrapper .guilds .guild.unread:not(.selected):before, 58 | .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before { 59 | background: #f4f5ef; /*change this to any hex code you want*/ 60 | } 61 | 62 | 63 | 64 | /*THIS CHANGES THE COLOR OF SELECTED TEXT CHANNEL AND THE COLOR WHEN YOU HOVER OVER A CHANNEL*/ 65 | [class~=nameSelectedVoice-XpjYTw], .nameHoveredText-2FFqiz, [class~=nameHoveredVoice-TIoHRJ], [class~=nameSelectedText-32NDX5] { 66 | color: #f4f5ef; 67 | } 68 | 69 | 70 | 71 | /*THIS CHANGES THE COLOR OF THE UNREAD NOTIFICATION FOR A TEXT CHANNEL - https://i.imgur.com/49JPciq.png */ 72 | [class~=unread-23Kvxk] { 73 | background-color: #d9193c; 74 | } 75 | 76 | 77 | 78 | /*THIS CHANGES THE COLOR OF THE NEW MESSAGES BAR - https://i.imgur.com/ZtGJ8hy.png */ 79 | [class~=chat] [class~=new-messages-bar] { 80 | background-color: #d9193c; 81 | } 82 | /*AND THIS CHANGES THE COLOR FOR WHEN YOU HOVER OVER IT*/ 83 | [class~=chat] [class~=new-messages-bar]:hover { 84 | background-color: #d9193c; 85 | } 86 | 87 | 88 | 89 | /*THIS CHANGES THE SCROLLBAR COLOR FOR THE CHAT - https://i.imgur.com/VP1h36R.png */ 90 | [class~=scroller-wrap] [class~=scroller]::-webkit-scrollbar-thumb { 91 | background-color: #d9193c !important; 92 | } 93 | 94 | 95 | 96 | /*THIS CHANGES THE COLOR OF THE CHANNEL/VOICE CATEGORIES - https://i.imgur.com/4cURWzl.png */ 97 | .iconCollapsed-1INdMX, .iconDefault-xzclSQ, .nameCollapsed-3_ChMu, .nameDefault-Lnjrwm { 98 | color: #d9193c; 99 | } 100 | /*THIS CHANGES THE COLOR FOR WHEN YOU HOVER OF THE CATEGORY*/ 101 | .iconHovered-3PRzOR, iconHoveredCollapsed-jNYgOD, .nameHovered-1YFSWq, .nameHoveredCollapsed-2c-EHI{ 102 | color: #d9193c; 103 | } 104 | 105 | 106 | 107 | /*THIS CHANGES THE COLOR OF THE TITLE BAR - https://i.imgur.com/WHZoI2W.png */ 108 | .appMount-14L89u { 109 | background-color: #363636; 110 | } 111 | 112 | 113 | 114 | /*THIS CHANGES THE COLOR WHEN A PERSON IS SPEAKING AND THE COLOR WHEN YOU HOVER OF THEIR NAME*/ 115 | [class~=nameSpeaking-3ROx9q], 116 | [class~=nameHovered-28u_Fz] { 117 | color: #d9193c; 118 | } 119 | 120 | 121 | 122 | /*THIS CHANGES THE EMBED BACKGROUND DARKNESS AND BORDER COLOR*/ 123 | .theme-dark .embedInner-t4ag7g { 124 | background-color: #363636e5; 125 | border-color: #851529; 126 | } 127 | .theme-dark .embedPill-3sYS1X { 128 | background-color: #d9193c; 129 | } 130 | 131 | 132 | 133 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF THE CONTAINER FOR THE SERVER LISTING*/ 134 | [class~=guilds-wrapper] { 135 | background: rgba(0, 0, 0, .8) !important; 136 | } 137 | 138 | 139 | 140 | /*THIS CHANGES THE COLOR/STRANSPARENCY OF THE CONTAINER FOR THE CHANNEL LISTING*/ 141 | .channels-3g2vYe { 142 | background-color: rgba(0, 0, 0, 0.8); 143 | } 144 | 145 | 146 | 147 | /*THIS CHANGES THE COLOR/TRANSPAENCY OF THE CONTAINER FOR THE CHANNEL INFO*/ 148 | .theme-dark .title-qAcLxz { 149 | background: rgba(0, 0, 0, 0.8); 150 | } 151 | 152 | 153 | 154 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF MAIN CONTENT IN THE WINDOW*/ 155 | [class~=content] [class~=flex-spacer] { 156 | background: rgba(0, 0, 0, 0.8); 157 | } 158 | 159 | 160 | 161 | /*THIS CHANGES COLOR/TRANSPARENCY OF THE MEMBER LISTING*/ 162 | [class~=channel-members], [class~=private-channels] [class~=search-bar] input { 163 | background: rgba(0, 0, 0, .8) !important; 164 | } 165 | 166 | 167 | 168 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF THE LFG TAB*/ 169 | .theme-dark .lfg-3xoFkI { 170 | background-color: rgba(0, 0, 0, 0.8); 171 | } 172 | 173 | 174 | 175 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF THE FRIENDS LIST*/ 176 | .friends-table { 177 | background: rgba(0, 0, 0, 0.8) !important; 178 | } 179 | 180 | 181 | 182 | /*THIS CHANGES THE COLOR/TRANSPARENCY OF THE FRIENDS HEADER*/ 183 | .theme-dark .headerBar-cxbhPD { 184 | background: rgba(0, 0, 0, 0.8); 185 | } 186 | 187 | 188 | 189 | /*THIS CHANGES THE COLOR WHEN YOUR HOVER OVER SOMEONE IN THE SERVER MEMBERS LISTING*/ 190 | .channel-members .member:hover { 191 | background: linear-gradient(90deg,#d9193c 85%,rgba(0, 0, 0, 0)) !important; 192 | } 193 | 194 | 195 | 196 | /*THIS CHANGES THE COLOR AND SIZE OF THE SEPARATION LINE WHEN YOU CLICK ON A USER*/ 197 | .body-3rkFrF { 198 | background-color: rgba(0,0,0,0.9); 199 | padding: 20px; 200 | border-bottom: 1px solid #d9193c; 201 | } 202 | 203 | 204 | 205 | /*THIS CHANGES THE COLOR OF THE "PROTIP:" WHEN YOU CLICK ON A USER*/ 206 | .statusGreen-1ADNRt { 207 | color: #d9193c; 208 | } 209 | 210 | 211 | 212 | /*THIS CHANGES COLOR OF THE TEXT SHOWING THE MAX VOICE CONNECTIONS FOR A VOICE CHANNEL https://i.imgur.com/sgqWPke.png */ 213 | .wrapper-2ldvyE { 214 | color: #d9193c; 215 | } 216 | 217 | 218 | /*THIS CHANGES THE MENU WHEN CLICK THE SERVER OPTIONS DROPDOWN AND THE STATUS MENU */ 219 | .menu-3BZuDT { 220 | background: #000; 221 | } 222 | /*THIS CHANGES THE COLOR WHEN YOU HOVER OVER THE ITEMS IN THE ABOVE MENU*/ 223 | .item-rK1j5B:hover { 224 | background-color: rgb(25, 25, 25); 225 | } 226 | 227 | 228 | 229 | /*THESE CHANGE THE COLOR OF THE MENU WHEN YOU RIGHT CLICK ON A SERVER*/ 230 | .theme-dark .contextMenu-uoJTbz { 231 | background: #000000; 232 | } 233 | .theme-dark .itemSubMenu-3ZgIw- { /*DO NOT CHANGE THE URL HERE*/ 234 | background: #000000 url(/assets/1988164a7c55346d32117b151f4e319d.svg) no-repeat 155px 50%; 235 | } 236 | 237 | 238 | 239 | /*THIS CHANGES THE MENU WHEN YOU CLICK THE 3 DOTS IN THE TOP RIGHT OF A MESSAGE*/ 240 | .small-popout-box { 241 | background: #000; 242 | border: 1px solid #d9193c; 243 | } 244 | /*AND THIS CHANGED THE HOVER COLOR */ 245 | .option-popout .btn-item:hover { 246 | color:#d9193c; 247 | } 248 | 249 | 250 | 251 | /*THIS CHANGES THE COLOR OF THE PRIVATE CALL BACKGROUND*/ 252 | .video-3lOWa6 { 253 | background-color: rgba(0, 0, 0, 0.9); 254 | } 255 | 256 | 257 | 258 | /*THIS CHANGES THE TEXT SIZE IN SERVER CHAT AND DM'S*/ 259 | .messages .markup { 260 | font-size: .85em !important; 261 | } 262 | 263 | 264 | 265 | /*THIS CHANGES THE USERNAME SIZE IN CHAT*/ 266 | [class~=messages] h2 [class~=user-name] { 267 | font-size: .85em !important; 268 | /*.85em is default*/ 269 | } 270 | 271 | 272 | 273 | /*THIS CHANGES THE FONT COLOR*/ 274 | .theme-dark .message-group .comment .markup { 275 | color: rgba(255, 255, 255, 0.5) !important; 276 | /*You can change the font weight by editing the alpha, 0.5 is default, 1.0 would be bold*/ 277 | } 278 | 279 | 280 | 281 | /*THIS CHANGES THE TOOLTIP FOR WHEN YOU HOVER OVER A SERVER*/ 282 | .tooltip.tooltip-black { 283 | background-color: #2f3136; 284 | } 285 | -------------------------------------------------------------------------------- /css/v3/naat.v3.css: -------------------------------------------------------------------------------- 1 | ._51fd70792ee2e563-appMount { 2 | background: transparent; 3 | background-image: var(--theme-background-image); 4 | background-size: cover; 5 | } 6 | 7 | ._160d8e55254637e5-app { 8 | background: transparent; 9 | } 10 | 11 | ._960e4207cea8323e-bg { 12 | background: var(--theme-transparency); 13 | } 14 | 15 | .ef3116c2da186559-wrapper { 16 | background: transparent; 17 | } 18 | 19 | ._5e434347c823b592-panels { 20 | background: var(--message-box-transparency); 21 | backdrop-filter: blur(5px); 22 | } 23 | 24 | .sidebar_c48ade:after { 25 | background: transparent; 26 | } 27 | 28 | ._2637a2609f343032-container { 29 | background: transparent; 30 | } 31 | 32 | .f75fb00fb7356cbe-chat { 33 | background: transparent; 34 | } 35 | 36 | .f75fb00fb7356cbe-chatContent { 37 | background: transparent; 38 | } 39 | 40 | ._9293f6b2fc12398a-themed { 41 | background: transparent; 42 | } 43 | 44 | .c8ffbb79449f399c-container { 45 | background: transparent; 46 | } 47 | 48 | .c8ffbb79449f399c-members { 49 | background: transparent; 50 | } 51 | 52 | .f75fb00fb7356cbe-channelTextArea { 53 | background: var(--message-box-transparency); 54 | } 55 | 56 | ._740174f3d6a2c8fe-themedBackground { 57 | background: transparent; 58 | } 59 | 60 | .privateChannels__35e86 { 61 | background: transparent; 62 | } 63 | 64 | ._99e7cad8d4c55236-scroller { 65 | background: transparent; 66 | } 67 | 68 | ._9293f6b2fc12398a-children:after { 69 | background: transparent; 70 | } 71 | 72 | .ef3116c2da186559-wrapper { 73 | width: var(--server-listing-width); 74 | } 75 | 76 | .ef3116c2da186559-itemsContainer { 77 | width: calc(var(--server-listing-width) + 6px); 78 | } 79 | 80 | .ef3116c2da186559-wrapper .ef3116c2da186559-scroller { 81 | display: flex; 82 | flex-flow: row wrap; 83 | padding-left: 0; 84 | align-content: flex-start; 85 | } 86 | 87 | .dbd2630aec71879b-stack 88 | ._650eb104245d257b-listItem:not(.wrapper__48112 ._650eb104245d257b-listItem) { 89 | width: initial; 90 | padding: 1px; 91 | margin: 2px; 92 | } 93 | 94 | .dbd2630aec71879b-stack { 95 | justify-content: center !important; 96 | } 97 | 98 | .dbd2630aec71879b-stack .wrapper__48112 ._650eb104245d257b-listItem { 99 | width: initial; 100 | } 101 | 102 | .ef3116c2da186559-scroller > ._650eb104245d257b-listItem { 103 | width: 100%; 104 | } 105 | 106 | .listItem-GuPuDH { 107 | width: auto; 108 | margin-left: 0px; 109 | } 110 | 111 | .wrapper-21YSNc { 112 | position: relative; 113 | width: auto; 114 | } 115 | 116 | @keyframes rainbow { 117 | 0% { 118 | -webkit-filter: hue-rotate(0); 119 | -moz-filter: hue-rotate(0); 120 | -ms-filter: hue-rotate(0); 121 | filter: hue-rotate(0); 122 | } 123 | 124 | 100% { 125 | -webkit-filter: hue-rotate(360deg); 126 | -moz-filter: hue-rotate(360deg); 127 | -ms-filter: hue-rotate(360deg); 128 | filter: hue-rotate(360deg); 129 | } 130 | } 131 | 132 | .e5445cbd3ad226f2-pill { 133 | width: 100% !important; 134 | } 135 | 136 | ._581051df43c5ebb6-wrapper { 137 | overflow: visible !important; 138 | } 139 | 140 | ._581051df43c5ebb6-item { 141 | animation: var(--unread-server-animation) 3s linear infinite; 142 | border: 2px solid var(--main-theme-color); 143 | background: transparent; 144 | display: block; 145 | border-radius: 30% !important; 146 | position: absolute; 147 | transform: none !important; 148 | inset: 0 !important; 149 | top: -2px !important; 150 | left: 2px !important; 151 | width: 100%; 152 | height: 100% !important; 153 | } 154 | 155 | .e5445cbd3ad226f2-pill ._581051df43c5ebb6-item:not([style*="height: 8px"]) { 156 | border-color: transparent; 157 | background-color: initial; 158 | } 159 | 160 | .dbd2630aec71879b-stack.ef3116c2da186559-scroller.none_d125d2.d125d22cdfd32cfe-scrollerBase { 161 | justify-content: center; 162 | } 163 | 164 | .dbd2630aec71879b-stack { 165 | display: flex !important; 166 | flex-direction: column !important; 167 | flex-flow: row wrap !important; 168 | align-items: flex-start !important; 169 | } 170 | 171 | ._67dba15a1ae9a3e9-wrapper .dbd2630aec71879b-stack { 172 | display: initial !important; 173 | flex-direction: initial !important; 174 | flex-flow: initial !important; 175 | align-items: initial !important; 176 | } 177 | 178 | ._1f388bcaa446c0c8-tutorialContainer { 179 | display: flex; 180 | justify-content: center; 181 | width: 100%; 182 | } 183 | 184 | .dbd2630aec71879b-stack .wrapper__48112 { 185 | width: fit-content !important; 186 | } 187 | 188 | .dbd2630aec71879b-stack.ef3116c2da186559-scroller.none_d125d2.d125d22cdfd32cfe-scrollerBase 189 | > ._650eb104245d257b-listItem { 190 | margin-bottom: 8px; 191 | width: 80%; 192 | display: flex; 193 | flex-direction: row; 194 | flex-flow: row wrap; 195 | justify-content: flex-start; 196 | align-items: flex-start; 197 | } 198 | 199 | .dbd2630aec71879b-stack.ef3116c2da186559-scroller.none_d125d2.d125d22cdfd32cfe-scrollerBase:last-child 200 | ._650eb104245d257b-listItem { 201 | width: initial; 202 | } 203 | 204 | .dbd2630aec71879b-stack.ef3116c2da186559-scroller.none_d125d2.d125d22cdfd32cfe-scrollerBase:last-child 205 | ._650eb104245d257b-listItem 206 | ._5bc7ed9d4097f6b5-pill { 207 | display: none !important; 208 | } 209 | 210 | .wrapper__48112._48112cbe77dc5022-isExpanded ._650eb104245d257b-listItem { 211 | width: 100% !important; 212 | } 213 | 214 | .dbd2630aec71879b-stack.ef3116c2da186559-scroller.none_d125d2.d125d22cdfd32cfe-scrollerBase 215 | > div 216 | ._650eb104245d257b-listItem 217 | .ed9a5f50013e19ac-pill._581051df43c5ebb6-wrapper { 218 | display: none !important; 219 | } 220 | 221 | .wrapper__48112._48112cbe77dc5022-isExpanded .dbd2630aec71879b-stack { 222 | height: fit-content !important; 223 | display: flex !important; 224 | flex-direction: column !important; 225 | } 226 | 227 | .wrapper__48112._48112cbe77dc5022-isExpanded ._650eb104245d257b-listItem { 228 | width: 100%; 229 | } 230 | 231 | .wrapper__48112._48112cbe77dc5022-isExpanded 232 | .dbd2630aec71879b-stack 233 | ._650eb104245d257b-listItem 234 | .e5445cbd3ad226f2-pill._581051df43c5ebb6-wrapper 235 | ._581051df43c5ebb6-item { 236 | width: 85% !important; 237 | height: 100% !important; 238 | left: 5px !important; 239 | top: -2px !important; 240 | } 241 | 242 | .wrapper__48112._48112cbe77dc5022-isExpanded .dbd2630aec71879b-stack { 243 | overflow: visible; 244 | } 245 | 246 | .expandedFolderBackground__48112 { 247 | left: 0px; 248 | } 249 | 250 | ._1f388bcaa446c0c8-tutorialContainer 251 | ._650eb104245d257b-listItem 252 | ._1f388bcaa446c0c8-pill._581051df43c5ebb6-wrapper { 253 | display: none; 254 | } 255 | 256 | ._6e9f8dce4cc18de3-wrapper 257 | ._6e9f8dce4cc18de3-childWrapper._6e9f8dce4cc18de3-childWrapperNoHoverBg 258 | svg { 259 | display: none; 260 | } 261 | 262 | ._918165dab2b1e10b-listItemWrapper 263 | .cc5dd25190031396-wrapper 264 | ._6e9f8dce4cc18de3-wrapper 265 | ._6e9f8dce4cc18de3-childWrapper._6e9f8dce4cc18de3-childWrapperNoHoverBg { 266 | background-image: var(--home-icon-image); 267 | background-size: var(--home-icon-image-zoom); 268 | background-position: var(--home-icon-image-position); 269 | background-repeat: no-repeat; 270 | } 271 | 272 | ._1f388bcaa446c0c8-tutorialContainer 273 | .cc5dd25190031396-wrapper 274 | ._6e9f8dce4cc18de3-wrapper 275 | ._6e9f8dce4cc18de3-childWrapper._6e9f8dce4cc18de3-childWrapperNoHoverBg { 276 | background-color: transparent; 277 | } 278 | 279 | ._48112cbe77dc5022-folderGroup { 280 | width: 54px !important; 281 | } 282 | 283 | ._48112cbe77dc5022-folderGroup:not(._48112cbe77dc5022-isExpanded) 284 | ._650eb104245d257b-listItem 285 | .e5445cbd3ad226f2-pill._581051df43c5ebb6-wrapper 286 | ._581051df43c5ebb6-item { 287 | margin-left: -3px !important; 288 | width: 48px !important; 289 | } 290 | 291 | .dbd2630aec71879b-stack._48112cbe77dc5022-folderGuildsList { 292 | height: 100% !important; 293 | } 294 | 295 | ._48112cbe77dc5022-folderGroupBackground { 296 | left: 3px; 297 | } 298 | 299 | .ef3116c2da186559-unreadMentionsIndicatorTop { 300 | justify-self: center; 301 | } 302 | 303 | .ef3116c2da186559-wrapper .ef3116c2da186559-scroller { 304 | justify-content: center; 305 | } 306 | 307 | ._133bf5eea8e33a34-tabBody { 308 | background: transparent; 309 | } 310 | 311 | ._133bf5eea8e33a34-container { 312 | background: transparent; 313 | } 314 | 315 | .c8ffbb79449f399c-member { 316 | background-color: transparent; 317 | } 318 | 319 | ._133bf5eea8e33a34-nowPlayingColumn { 320 | background-color: transparent; 321 | } 322 | 323 | ._7d20cf18f8a2784c-container { 324 | background-color: transparent; 325 | } 326 | 327 | .d852db00c0588eb9-wrapper { 328 | background: transparent; 329 | } 330 | 331 | .fc817765600a960a-wrapper { 332 | background: transparent; 333 | } 334 | 335 | ._23e6b439306f125a-standardSidebarView { 336 | background: transparent; 337 | } 338 | 339 | ._23e6b439306f125a-sidebarRegionScroller { 340 | background: transparent; 341 | } 342 | 343 | ._960e4207cea8323e-layer { 344 | background: transparent; 345 | } 346 | 347 | ._23e6b439306f125a-contentRegion { 348 | background: transparent; 349 | } 350 | 351 | ._23e6b439306f125a-contentRegionScroller { 352 | background-color: transparent; 353 | } 354 | 355 | .b77158512e0ab116-channelAttachmentArea { 356 | background-color: transparent; 357 | } 358 | 359 | .aa605f19898fe32e-upload { 360 | background-color: transparent; 361 | } 362 | 363 | ._252b6afd49fda06f-guildSeparator { 364 | display: none; 365 | } 366 | 367 | ._5ec2fb8b5de26b21-searchBar { 368 | background-color: transparent; 369 | backdrop-filter: blur(5px); 370 | } 371 | 372 | ._7e549558f336cddb-itemCard._00943886e1cf89d1-wrapper.bf1984a18b3ec6f0-outer.bf1984a18b3ec6f0-padded.bf1984a18b3ec6f0-interactive { 373 | background-color: transparent; 374 | backdrop-filter: blur(5px); 375 | } 376 | 377 | ._623de82e76ad7f82-embedFull { 378 | background-color: transparent !important; 379 | backdrop-filter: blur(5px); 380 | } 381 | 382 | ._4d95d73152192cf9-footer { 383 | background: transparent; 384 | backdrop-filter: blur(5px); 385 | } 386 | 387 | ._4d95d73152192cf9-textContainer { 388 | background-color: transparent; 389 | backdrop-filter: blur(15px) !important; 390 | } 391 | 392 | ._4d95d73152192cf9-codeView { 393 | background-color: transparent; 394 | } 395 | 396 | ._0f2e83213c878a13-container { 397 | background-color: transparent !important; 398 | backdrop-filter: blur(5px); 399 | } 400 | 401 | ._5dec784a68542d60-panel { 402 | background-color: transparent !important; 403 | } 404 | 405 | .scroller__28a87 { 406 | background-color: transparent; 407 | } 408 | 409 | .bfe55a0aaaf62375-root { 410 | background: transparent; 411 | } 412 | 413 | .cb9592ad77576717-wrapper { 414 | background: transparent; 415 | } 416 | 417 | .cb9592ad77576717-callContainer { 418 | background: transparent; 419 | } 420 | 421 | ._01ae244280823725-resizeHandle { 422 | background: transparent; 423 | } 424 | 425 | ._01ae244280823725-container { 426 | background: transparent; 427 | backdrop-filter: blur(5px); 428 | } 429 | 430 | ._01ae244280823725-chatLayerWrapper { 431 | background: transparent; 432 | } 433 | 434 | .cb9592ad77576717-channelChatWrapper { 435 | background: transparent; 436 | } 437 | 438 | .f369dba7416c67f0-container { 439 | background: transparent; 440 | } 441 | 442 | .f369dba7416c67f0-mainCard { 443 | background: transparent; 444 | backdrop-filter: blur(5px); 445 | } 446 | 447 | .faa96b2163f6a142-container:hover { 448 | background: transparent; 449 | backdrop-filter: blur(15px); 450 | } 451 | 452 | .c8ffbb79449f399c-membersWrap { 453 | background-color: transparent; 454 | } 455 | 456 | .e6b7699ce8339e1c-privateChannels { 457 | background: none; 458 | } 459 | 460 | .chatGradient__36d07 { 461 | background: none; 462 | } 463 | 464 | .chatTypingGradientAtBottom__36d07, 465 | .chatTypingGradientNotAtBottom__36d07 { 466 | background: none; 467 | } 468 | 469 | ._9293f6b2fc12398a-themed { 470 | background: transparent !important; 471 | } 472 | 473 | ._5e434347c823b592-sidebar:after { 474 | background: transparent; 475 | } 476 | 477 | ._36d072eab2b2e737-chatGradient { 478 | background: transparent; 479 | } 480 | 481 | #guild-list-unread-dms .ed9a5f50013e19ac-pill { 482 | display: none; 483 | } 484 | 485 | .e29cd7b93c4f1266-titleContainer { 486 | background-color: transparent; 487 | } 488 | 489 | .c6bf1b7af480dfda-header { 490 | background-color: transparent; 491 | } 492 | 493 | ._535437b3d3b11fd1-scroller { 494 | background-color: transparent; 495 | } 496 | 497 | ._36d072eab2b2e737-chatTypingGradientNotAtBottom { 498 | background: transparent; 499 | } 500 | 501 | ._36d072eab2b2e737-chatTypingGradientAtBottom { 502 | background: transparent; 503 | } 504 | -------------------------------------------------------------------------------- /community/Wubzy's Themes/NightLife Family/Whistful.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name Whistful 3 | * @author WubzyGD#8766 4 | * @version 1.0 5 | * @description A cotton candy/cherry blossom blue sky vibe 6 | * @invite FdZhbjY 7 | */ 8 | 9 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 10 | @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap'); 11 | @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap'); 12 | 13 | :root { 14 | --theme-background-image: url(https://cdn.discordapp.com/attachments/867134094987231268/871282106620321872/1395861.jpg); 15 | --main-theme-color: #b65cc0; 16 | --theme-transparency: rgba(0, 0, 0, 0.7); 17 | --home-icon-image: url(https://cdn.discordapp.com/attachments/771177570754363393/871283012615168151/unknown.png); 18 | --home-icon-image-position: center center; 19 | --home-icon-image-zoom: 100%; 20 | 21 | /* 22 | Server Listing Width 23 | Single Column: 72px 24 | Double Column: 126px 25 | Triple Column: 184px 26 | Quad Column: 242px 27 | */ 28 | --server-listing-width: 72px; 29 | 30 | --font-size: 100%; 31 | --mention-color: #3a97dc4b; 32 | --mention-sider: #3a97dc7f; 33 | --mention-hover-color: #3a97dc1f; 34 | 35 | --category-hover-color: #b65cc05f; 36 | 37 | --unread-server-animation: rainbow; 38 | 39 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 40 | --video-screen-button-foreground-color: white; 41 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 42 | --video-screen-button-foreground-hovor-color: white; 43 | 44 | --member-listing-role-color: var(--main-theme-color); 45 | 46 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #b65cc0ff 125%), url(https://cdn.discordapp.com/attachments/867134094987231268/871282106620321872/1395861.jpg); 47 | --small-user-popout-background-transparency: rgba(0,0,0, 0.7); 48 | --small-user-popout-background-image-position: center; 49 | 50 | --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/868911749519253604/image1-4.gif); 51 | --big-user-popout-background-transparency: rgba(0,0,0, 0.35); 52 | --big-user-popout-background-image-position: center; 53 | 54 | --code-markup-background-color: rgba(0, 0, 0, 0.6); 55 | --code-markup-border: 1px solid transparent; 56 | 57 | --message-box-transparency: rgba(0, 0, 0, 0.6); 58 | 59 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 60 | 61 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); 62 | 63 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 64 | 65 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 66 | --add-discover-icon-color: #43b581; 67 | 68 | --channel-limit-count-color: var(--channels-default); 69 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 70 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 71 | 72 | --scrollbar-color: #3a97dc89; 73 | 74 | --unread-message-divider-color: #f04747; 75 | --unread-message-divider-font-color: #fff; 76 | 77 | --new-messages-bar-background-color: var(--main-theme-color); 78 | --new-messages-bar-font-color: #fff; 79 | 80 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 81 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 82 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 83 | --emoji-menu-bottom-bar-background-color: black; 84 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 85 | 86 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 87 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 88 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 89 | 90 | --text-voice-channel-color: rgb(142, 146, 151); 91 | --text-voice-channel-hover-color: #dcddde; 92 | --text-voice-channel-selected-text-color: #fff; 93 | --unread-text-channel-color: #b65cc0; 94 | --unread-text-channel-bubble-color: #b65cc0; 95 | 96 | --folder-background-color: #2f3136; 97 | --expanded-folder-background-color: transparent; 98 | 99 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 100 | --reaction-emoji-border-color: 1px solid transparent; 101 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 102 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 103 | 104 | 105 | /*--------------------------*/ 106 | /*========*/ 107 | /*--------------------------*/ 108 | 109 | --primary-color: #b65cc0; 110 | --secondary-color: #3a97dc; 111 | --accent-color: #b0f6ff; 112 | --secondary-accent-color: #d1a1d6; 113 | --divider-color: #171717; 114 | } 115 | 116 | 117 | /*--------------------*/ 118 | /*========*/ 119 | /*--------------------*/ 120 | 121 | /*Side-scrolling gradient*/ 122 | @keyframes gradient-move { 123 | to { 124 | background-position: 200% center; 125 | } 126 | } 127 | 128 | /*Drops an element into place*/ 129 | @keyframes dropdown-title { 130 | from {transform: translateY(-100vh);} 131 | to {transform: translateY(0);} 132 | } 133 | 134 | /*Fades between the two primary colors*/ 135 | @keyframes server-name-pulse { 136 | 0%, 100% { 137 | color: var(--secondary-color); 138 | } 139 | 50% { 140 | color: var(--primary-color); 141 | } 142 | } 143 | 144 | /*Alternates between the two alt colors*/ 145 | @keyframes fast-alt-pulse { 146 | 0%, 100% { 147 | color: var(--secondary-accent-color); 148 | } 149 | 40% { 150 | color: var(--accent-color); 151 | } 152 | } 153 | 154 | 155 | /*--------------------*/ 156 | /*========*/ 157 | /*--------------------*/ 158 | 159 | 160 | /*These lines fix popout background images to prevent tiling.*/ 161 | .root-3QyAh1 {background-size: cover;} 162 | .userPopout-xaxa6l {background-size: cover;} 163 | 164 | /*Make the Channel Tabs plugin background invisible so it's flush with the user background*/ 165 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} 166 | 167 | 168 | /*[IMPORTANT GRADIENT]*/ 169 | /*Sets the gradient for currently selected channel display, */ 170 | .title-29uC1r, .input-2A_zIr, .header-2RyJ0Y{ 171 | animation: dropdown-title 1.5s ease-in-out, gradient-move 2.5s linear infinite; 172 | background: linear-gradient(to right, #3a97dc 20%, #171717 35%, #171717 35%, #3a97dcae 50%, #3a97dcae 50%, #b65cc0 75%, #3a97dc 90%); 173 | background-size: 200% auto; 174 | color: #a172a6; 175 | -webkit-background-clip: text; 176 | background-clip: text; 177 | -webkit-text-fill-color: transparent; 178 | font-family: "Monsterrat", sans-serif; /*Remove this line if you want Discord's default font*/ 179 | } 180 | 181 | 182 | /*[GUILD SIDEBAR FADE]*/ 183 | /*Fades the guild sidebar into the mention color on hover*/ 184 | .guilds-1SWlCJ {transition: background-color 1s ease-in;} 185 | .guilds-1SWlCJ:hover { 186 | background-color: var(--mention-color); 187 | } 188 | 189 | 190 | /*[MENTION GRADIENT]*/ 191 | /*Gives mentions a similar gradient to the name display gradients*/ 192 | .mentioned-xhSam7 { 193 | animation: gradient-move 10s linear infinite; 194 | background: linear-gradient(to right, #3a97dc3b 20%, #1717173b 35%, #1717173b 35%, #3a97dc76 50%, #3a97dc76 50%, #b65cc03b 75%, #3a97dc3b 90%); 195 | background-size: 200% auto; 196 | } 197 | 198 | /*Sets the highlight tone to increase opacity on mouseover*/ 199 | .mentioned-xhSam7:hover { 200 | animation: gradient-move 10s linear infinite; 201 | background: linear-gradient(to right, #3a97dc5b 20%, #1717175b 35%, #1717175b 35%, #3a97dc96 50%, #3a97dc96 50%, #b65cc05b 75%, #3a97dc5b 90%); 202 | background-size: 200% auto; 203 | } 204 | 205 | 206 | /*[SERVER NAME PULSE]*/ 207 | /*Gebtly pulses the top left display of the server name*/ 208 | .name-1jkAdW { 209 | animation: server-name-pulse 20s infinite; 210 | } 211 | 212 | 213 | /*[NITRO BOOST ICON]*/ 214 | /*Colors the nitro boost icon next to the guild name display*/ 215 | .flowerStar-1GeTsn { 216 | animation: fast-alt-pulse 5s infinite; 217 | } 218 | 219 | 220 | /*[POPOUT AVATAR GRADIENT]*/ 221 | /*Gives the avatars in popouts a smooth gradient rather than solid black*/ 222 | /* !! If you're seeing misaligned avatars or the popouts look wacky in general, 223 | /* !! Just comment out both of these class modifiers. */ 224 | .avatar-37jOim, .avatar-AvHqJA { 225 | border: none; background-color: none; 226 | animation: fadeIn ease-in-out .5s, gradient-move 4s linear infinite; 227 | border-radius: 50%; 228 | background: linear-gradient(to right, #28618b 20%, #623368 60%, #28618b 100%); 229 | padding: 6px; 230 | background-size: 200% auto; 231 | } 232 | .avatar-37jOim > *, .avatar-AvHqJA > * {width: auto; height: auto;} /*Removes the CSS for discord's default avatar border*/ 233 | 234 | 235 | /*[HOME LIST ICONS]*/ 236 | /*Home, Freinds, and Stage Discovery icon colors in home page*/ 237 | .linkButtonIcon-Mlm5d6 { 238 | color: var(--secondary-accent-color); 239 | } 240 | 241 | 242 | /*[SMALL POPOUT TEXT]*/ 243 | /*Gives color to the text dividers in user popout*/ 244 | .aboutMeTitle-1IYtPE, .headerTextNormal-2mGWX3 { 245 | color: var(--secondary-color); 246 | } 247 | 248 | /*[POPOUT USERNAMES]*/ 249 | /*Applies a gradient to small popout names and nicknames*/ 250 | .nickname-3M3Jfa, .headerTagWithNickname-3l_x6x, .headerTagUsernameNoNickname-2-Y5Ct { 251 | animation: gradient-move 5s linear infinite; 252 | background: linear-gradient(to right, var(--secondary-accent-color) 20%, #dfdfdf 35%, #c9c9c9 40%, var(--secondary-accent-color) 50%, var(--secondary-accent-color) 50%, var(--accent-color) 75%, var(--secondary-accent-color) 90%); 253 | background-size: 200% auto; 254 | color: #a172a6; 255 | -webkit-background-clip: text; 256 | background-clip: text; 257 | -webkit-text-fill-color: transparent; 258 | font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ 259 | } 260 | 261 | /*Applies a gradient to big popout username*/ 262 | .username-2b1r56 { 263 | animation: gradient-move 5s linear infinite; 264 | background: linear-gradient(to right, var(--secondary-color) 20%, #171717 35%, #171717 32%, var(--secondary-color) 50%, var(--secondary-color) 50%, var(--primary-color) 75%, var(--secondary-color) 90%); 265 | background-size: 200% auto; 266 | color: #a172a6; 267 | -webkit-background-clip: text; 268 | background-clip: text; 269 | -webkit-text-fill-color: transparent; 270 | font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ 271 | font-size: 1.2em; 272 | } 273 | 274 | /*Applies a solid color to small popout discriminators*/ 275 | .headerTagDiscriminatorNoNickname-D-AYUN { 276 | color: var(--primary-color); 277 | } 278 | 279 | /*Applies a pulse to small popout about me text and large popout discriminators*/ 280 | .aboutMeBody-3GuvKk, .discriminator-1swucG { 281 | animation: fast-alt-pulse 20s infinite; 282 | } 283 | 284 | 285 | /*[CHANNEL DISPLAY VC CONNECTED]*/ 286 | /*Sets colors for voice channels you're connected to 287 | /*(channel list display, not connect status at bottom of screen)*/ 288 | .modeConnected-3IsKId .name-23GUGE { 289 | color: var(--secondary-accent-color); 290 | } 291 | 292 | .modeConnected-3IsKId:hover .name-23GUGE { 293 | color: white; 294 | } 295 | 296 | 297 | /*[SERVER SIDEBAR HOVER POPOUT]*/ 298 | /*[TOOLTIP POPOUT]*/ 299 | /*The tooltips that displays when hovering over a server's icon in the left sidebar, 300 | /*when hovering over mute/deafen icons, reply icons, etc.*/ 301 | .theme-dark .tooltipPrimary-1d1ph4, .theme-dark .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK, .selected-bZ3Lue { 302 | animation: gradient-move 5s linear infinite; 303 | background: linear-gradient(to right, #3a97dcbb 20%, #171717bb 35%, #171717bb 35%, #3a97dcb6 50%, #3a97dcb6 50%, #b65cc0bb 75%, #3a97dcbb 90%); 304 | background-size: 200% auto; 305 | font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ 306 | } 307 | 308 | /*Changes text color for the popouts*/ 309 | .guildNameText-3Zwx4p, .theme-dark .listItemTooltip-1JmWJ7 { 310 | color: white; 311 | } 312 | 313 | 314 | /*[SPOTIFY PLUGIN TIMEBAR COLOR]*/ 315 | /*If you have Better Discord's Spotify plugin, 316 | /*this will set a gradient for the progress bar*/ 317 | .barFill-Dhkah7 { 318 | animation: gradient-move 5s linear infinite; 319 | background: linear-gradient(to right, var(--primary-color) 20%, var(--divider-color) 35%, var(--divider-color) 35%, var(--primary-color) 50%, var(--primary-color) 50%, var(--secondary-color) 75%, var(--primary-color) 90%); 320 | background-size: 200% auto; 321 | } 322 | 323 | .barFill-Dhkah7:hover { 324 | animation: gradient-move 5s linear infinite; 325 | background: linear-gradient(to right, var(--primary-color) 20%, white 35%, white 35%, var(--primary-color) 50%, var(--primary-color) 50%, var(--secondary-color) 75%, var(--primary-color) 90%); 326 | background-size: 200% auto; 327 | } 328 | 329 | .barInner-3NDaY_ { 330 | animation: gradient-move 5s linear infinite; 331 | background: linear-gradient(to right, var(--secondary-accent-color) 20%, var(--divider-color) 35%, var(--divider-color) 35%, var(--secondary-accent-color) 50%, var(--secondary-accent-color) 50%, var(--accent-color) 75%, var(--secondary-accent-color) 90%); 332 | background-size: 200% auto; 333 | } 334 | 335 | 336 | /*[SETTINGS/MUTE/DEAFEN BUTTONS COLORS]*/ 337 | /*[SPOTIFY PLUGIN BUTTON COLOR]*/ 338 | /*Gives some buttons a pulse*/ 339 | .button-14-BFJ, .button-3AYNKb { 340 | animation: fast-alt-pulse 20s infinite; 341 | } 342 | 343 | 344 | /*[SPOTIFY LARGE COVER EDGE GRADIENT]*/ 345 | /*Gives the maximized album cover a gradient similar to popout avatar*/ 346 | .maximized-vv2Wr0 div div .cover-SwJ-ck { 347 | border: none; background-color: none; 348 | animation: fadeIn ease-in-out .5s, gradient-move 6s linear infinite; 349 | background: linear-gradient(to right, #28618b 20%, #623368 60%, #28618b 100%); 350 | padding: 6px; 351 | background-size: 200% auto; 352 | width: 224px; 353 | } 354 | 355 | .maximized-vv2Wr0 div div .cover-SwJ-ck > * {width:auto; height: auto;} 356 | 357 | 358 | /*[MENTIONS MENU]*/ 359 | /*The menu that appears when typing a mention*/ 360 | .scroller-lynW5A { 361 | background-color: #3033668d; 362 | } 363 | 364 | /*currently selected mention*/ 365 | .theme-dark .selected-1Tbx07 { 366 | background-color: var(--primary-color); 367 | } 368 | 369 | /*allows transparency in the mentions menu*/ 370 | .autocompleteInner-zh20B_.autocompleteInner-2mQ2AK { 371 | background-color: #00000000; 372 | } 373 | 374 | .theme-dark .autocomplete-1vrmpx { 375 | background-color: #00000000; 376 | } 377 | 378 | 379 | /*[DEFAULT TEXT COLOR]*/ 380 | /*changes message colors and some other colors*/ 381 | 382 | /*Uncomment to activate*/ 383 | /*.theme-dark{ 384 | --text-normal: var(--accent-color); 385 | }*/ 386 | 387 | 388 | /*[SCREENSHARE/VOICE CHAT BADGE]*/ 389 | /*The badge that displays when hovering over a server that has people in a voice channel or screensharing*/ 390 | .iconBadge-3qSJIw.participating-1NvRVd.iconBadge-2NuvG9.base-PmTxvP.baseShapeRound-1Mm1YW { 391 | background-color: var(--accent-color); 392 | } 393 | 394 | 395 | /*[NEW SERVER MENU]*/ 396 | /*Popout menu for adding new servers/creating them*/ 397 | .container-1CE3eW { 398 | background-color: var(--divider-color); 399 | } 400 | 401 | .title-3w8xhj, .footerTitle-2CYZch > h3 { 402 | color: white; 403 | } 404 | 405 | .container-UC8Ug1 { 406 | background-color: var(--secondary-accent-color); 407 | } 408 | .container-UC8Ug1:hover { 409 | background-color: var(--accent-color); 410 | } 411 | 412 | .theme-light .root-1gCeng { 413 | background: transparent; 414 | } 415 | 416 | .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV { 417 | color: black; 418 | font-weight: bold; 419 | background-color: var(--accent-color); 420 | } 421 | 422 | 423 | /*[SETTINGS]*/ 424 | /*Some colors for the settings*/ 425 | .description-3_Ncsb, 426 | .labelDescriptor-1PqHgD { 427 | color: var(--accent-color); 428 | } 429 | 430 | .marketingRefreshSubtitle-3jft-o { 431 | color: var(--accent-color); 432 | } 433 | 434 | .marketingRefreshSectionTier1-dRwS-6 { 435 | color: var(--accent-color); 436 | } 437 | 438 | .descriptionStandalone-3aMqwN { 439 | color: var(--accent-color); 440 | } 441 | 442 | .description-1W0DiL { 443 | color: var(--accent-color); 444 | } 445 | 446 | .defaultValue-3gC7yw .markValue-2DwdXI { 447 | color: var(--accent-color); 448 | } 449 | 450 | /*==Version Information==*/ 451 | .colorMuted-HdFt4q { 452 | animation: fast-alt-pulse 10s infinite; 453 | } 454 | 455 | .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 { 456 | color: var(--primary-color); 457 | } 458 | 459 | .theme-dark .foreground-26ym5y { 460 | animation: server-name-pulse 15s infinite; 461 | } 462 | 463 | .item-26Dhrx, .item-26Dhrx:hover { 464 | color: var(--secondary-color); 465 | } 466 | 467 | .item-26Dhrx[aria-checked=true] { 468 | color: var(--primary-color); 469 | } 470 | 471 | .radioIconForeground-XwlXQN { 472 | color: var(--primary-color); 473 | } 474 | 475 | .barFill-23-gu- { 476 | animation: gradient-move 5s linear infinite; 477 | background: linear-gradient(to right, var(--primary-color) 20%, var(--divider-color) 35%, var(--divider-color) 35%, var(--primary-color) 50%, var(--primary-color) 50%, var(--secondary-color) 75%, var(--primary-color) 90%); 478 | background-size: 200% auto; 479 | } 480 | 481 | 482 | .modeSelected-346R90 .name-23GUGE, .modeSelected-346R90:hover .name-23GUGE { 483 | font-weight: bold; 484 | } 485 | 486 | .mainContent-2h-GEV .container-2ax-kl { 487 | font-weight: bold; 488 | } 489 | 490 | .wrapper-PY0fhH.muted-2JBAyG:hover .icon-2yIBmh, .wrapper-PY0fhH.muted-2JBAyG:hover .name-3l27Hl, .wrapper-PY0fhH:hover .icon-2yIBmh, .wrapper-PY0fhH:hover .name-3l27Hl { 491 | font-weight:bold; 492 | visibility: visible; 493 | } 494 | 495 | 496 | .membersGroup-v9BXpm { 497 | position: relative; 498 | z-index: 2; 499 | padding: 19px 8px 5px 16px; 500 | text-align: center; 501 | letter-spacing: 1px; 502 | color: var(--primary-color); 503 | /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ 504 | border-bottom-width: 1px; 505 | border-style: solid; 506 | border-image: linear-gradient(to right, transparent 0%, transparent 10%, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; 507 | } 508 | 509 | .membersGroup-v9BXpm::after, 510 | .membersGroup-v9BXpm::before { 511 | content: ""; 512 | position: absolute; 513 | width: 50%; 514 | height: 100%; 515 | top: 0; 516 | background-color: transparent; 517 | z-index: -1 518 | } 519 | 520 | 521 | @keyframes role-shadow-l { 522 | 0%, 100% { 523 | box-shadow: 80px 50px 50px 0 var(--primary-color); 524 | } 525 | 50% { 526 | box-shadow: 80px 50px 50px 0 var(--secondary-color); 527 | } 528 | } 529 | 530 | @keyframes role-shadow-r { 531 | 0%, 100% { 532 | box-shadow: -80px 50px 50px 0 var(--primary-color); 533 | } 534 | 50% { 535 | box-shadow: -80px 50px 50px 0 var(--secondary-color); 536 | } 537 | } 538 | 539 | .membersGroup-v9BXpm::before { 540 | left: 0; 541 | animation: role-shadow-l 5s infinite; 542 | } 543 | 544 | .membersGroup-v9BXpm::after { 545 | right: 0; 546 | animation: role-shadow-r 5s infinite; 547 | } 548 | 549 | .membersGroup-v9BXpm span { 550 | text-shadow: 0 1px 5px #3a97dc45; 551 | } 552 | 553 | 554 | .name-3l27Hl { 555 | position: relative; 556 | z-index: 2; 557 | text-align: left; 558 | letter-spacing: 1px; 559 | color: var(--primary-color); 560 | /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ 561 | border-bottom-width: 1px; 562 | border-style: solid; 563 | border-image: linear-gradient(to right, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; 564 | } 565 | 566 | .name-3l27Hl::after, 567 | .name-3l27Hl::before { 568 | content: ""; 569 | position: absolute; 570 | width: 50%; 571 | height: 100%; 572 | top: 0; 573 | background-color: transparent; 574 | z-index: -1 575 | } 576 | 577 | .name-3l27Hl::before { 578 | left: 0; 579 | animation: role-shadow-l 5s infinite; 580 | } 581 | 582 | .name-3l27Hl::after { 583 | right: 0; 584 | animation: role-shadow-r 5s infinite; 585 | } 586 | 587 | .name-3l27Hl span { 588 | text-shadow: 0 1px 5px #3a97dc45; 589 | } -------------------------------------------------------------------------------- /community/Wubzy's Themes/NightLife Family/Defiant.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name Defiant 3 | * @author puckzxz#2080 4 | * @version 3.2 5 | * @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme 6 | * @invite FdZhbjY 7 | * @source https://github.com/puckzxz/NotAnotherAnimeTheme 8 | * @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css 9 | */ 10 | 11 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 12 | 13 | :root { 14 | --theme-background-image: url(https://cdn.discordapp.com/attachments/867134094987231268/871282103902437386/M4-SOPMOD-II-Girls-Frontline-Wallpaper-1920x1080-81.jpg); 15 | --main-theme-color: #0e1327; 16 | --theme-transparency: rgba(0, 0, 0, 0.6); 17 | --home-icon-image: url(https://cdn.discordapp.com/attachments/827692054641508382/871261422678573066/pfp10.png); 18 | --home-icon-image-position: center center; 19 | --home-icon-image-zoom: 100%; 20 | 21 | /* 22 | Server Listing Width 23 | Single Column: 72px 24 | Double Column: 126px 25 | Triple Column: 184px 26 | Quad Column: 242px 27 | */ 28 | --server-listing-width: 72px; 29 | 30 | --font-size: 100%; 31 | --mention-color: #6c1e504b; 32 | --mention-sider: #6c1e507f; 33 | --mention-hover-color: #6c1e505f; 34 | 35 | --category-hover-color: #38445e5f; 36 | 37 | --unread-server-animation: rainbow; 38 | 39 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 40 | --video-screen-button-foreground-color: white; 41 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 42 | --video-screen-button-foreground-hovor-color: white; 43 | 44 | --member-listing-role-color: var(--main-theme-color); 45 | 46 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #38445eff 125%), url(https://cdn.discordapp.com/attachments/771177570754363393/871289028421492756/anime_warrior_4k_5k-1440x2560.jpg); 47 | --small-user-popout-background-transparency: rgba(0,0,0, 0.7); 48 | --small-user-popout-background-image-position: center; 49 | 50 | --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/868911750685294644/image0-4.gif); 51 | --big-user-popout-background-transparency: rgba(0,0,0, 0.35); 52 | --big-user-popout-background-image-position: center; 53 | 54 | --code-markup-background-color: rgba(0, 0, 0, 0.6); 55 | --code-markup-border: 1px solid transparent; 56 | 57 | --message-box-transparency: rgba(0, 0, 0, 0.6); 58 | 59 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 60 | 61 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); 62 | 63 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 64 | 65 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 66 | --add-discover-icon-color: #43b581; 67 | 68 | --channel-limit-count-color: var(--channels-default); 69 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 70 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 71 | 72 | --scrollbar-color: #6c1e5089; 73 | 74 | --unread-message-divider-color: #f04747; 75 | --unread-message-divider-font-color: #fff; 76 | 77 | --new-messages-bar-background-color: var(--main-theme-color); 78 | --new-messages-bar-font-color: #fff; 79 | 80 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 81 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 82 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 83 | --emoji-menu-bottom-bar-background-color: black; 84 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 85 | 86 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 87 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 88 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 89 | 90 | --text-voice-channel-color: rgb(142, 146, 151); 91 | --text-voice-channel-hover-color: #dcddde; 92 | --text-voice-channel-selected-text-color: #fff; 93 | --unread-text-channel-color: #d5a692; 94 | --unread-text-channel-bubble-color: #d5a692; 95 | 96 | --folder-background-color: #2f3136; 97 | --expanded-folder-background-color: transparent; 98 | 99 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 100 | --reaction-emoji-border-color: 1px solid transparent; 101 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 102 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 103 | 104 | 105 | /*--------------------------*/ 106 | /*========*/ 107 | /*--------------------------*/ 108 | 109 | --primary-color: #0e1327; 110 | --secondary-color: #6c1e50; 111 | --accent-color: #d5a692; 112 | --secondary-accent-color: #38445e; 113 | --divider-color: #171717; 114 | } 115 | 116 | 117 | /*--------------------*/ 118 | /*========*/ 119 | /*--------------------*/ 120 | 121 | /*Side-scrolling gradient*/ 122 | @keyframes gradient-move { 123 | to { 124 | background-position: 200% center; 125 | } 126 | } 127 | 128 | /*Drops an element into place*/ 129 | @keyframes dropdown-title { 130 | from {transform: translateY(-100vh);} 131 | to {transform: translateY(0);} 132 | } 133 | 134 | /*Fades between the two primary colors*/ 135 | @keyframes server-name-pulse { 136 | 0%, 100% { 137 | color: var(--secondary-color); 138 | } 139 | 50% { 140 | color: var(--primary-color); 141 | } 142 | } 143 | 144 | /*Alternates between the two alt colors*/ 145 | @keyframes fast-alt-pulse { 146 | 0%, 100% { 147 | color: var(--secondary-accent-color); 148 | } 149 | 40% { 150 | color: var(--accent-color); 151 | } 152 | } 153 | 154 | 155 | /*--------------------*/ 156 | /*========*/ 157 | /*--------------------*/ 158 | 159 | 160 | /*These lines fix popout background images to prevent tiling.*/ 161 | .root-3QyAh1 {background-size: cover;} 162 | .userPopout-xaxa6l {background-size: cover;} 163 | 164 | /*Make the Channel Tabs plugin background invisible so it's flush with the user background*/ 165 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} 166 | 167 | 168 | /*[IMPORTANT GRADIENT]*/ 169 | /*Sets the gradient for currently selected channel display, */ 170 | .title-29uC1r, .input-2A_zIr, .header-2RyJ0Y{ 171 | animation: dropdown-title 1.5s ease-in-out, gradient-move 2.5s linear infinite; 172 | background: linear-gradient(to right, #6c1e50 20%, #171717 35%, #171717 35%, #6c1e50ae 50%, #6c1e50ae 50%, #0e1327 75%, #6c1e50 90%); 173 | background-size: 200% auto; 174 | color: #a172a6; 175 | -webkit-background-clip: text; 176 | background-clip: text; 177 | -webkit-text-fill-color: transparent; 178 | font-family: "Monsterrat", sans-serif; /*Remove this line if you want Discord's default font*/ 179 | } 180 | 181 | 182 | /*[GUILD SIDEBAR FADE]*/ 183 | /*Fades the guild sidebar into the mention color on hover*/ 184 | .guilds-1SWlCJ {transition: background-color 1s ease-in;} 185 | .guilds-1SWlCJ:hover { 186 | background-color: var(--mention-color); 187 | } 188 | 189 | 190 | /*[MENTION GRADIENT]*/ 191 | /*Gives mentions a similar gradient to the name display gradients*/ 192 | .mentioned-xhSam7 { 193 | animation: gradient-move 10s linear infinite; 194 | background: linear-gradient(to right, #6c1e503b 20%, #1717173b 35%, #1717173b 35%, #6c1e5076 50%, #6c1e5076 50%, #0e13273b 75%, #6c1e503b 90%); 195 | background-size: 200% auto; 196 | } 197 | 198 | /*Sets the highlight tone to increase opacity on mouseover*/ 199 | .mentioned-xhSam7:hover { 200 | animation: gradient-move 10s linear infinite; 201 | background: linear-gradient(to right, #6c1e505b 20%, #1717175b 35%, #1717175b 35%, #6c1e5096 50%, #6c1e5096 50%, #0e13275b 75%, #6c1e505b 90%); 202 | background-size: 200% auto; 203 | } 204 | 205 | 206 | /*[SERVER NAME PULSE]*/ 207 | /*Gebtly pulses the top left display of the server name*/ 208 | .name-1jkAdW { 209 | animation: server-name-pulse 20s infinite; 210 | } 211 | 212 | 213 | /*[NITRO BOOST ICON]*/ 214 | /*Colors the nitro boost icon next to the guild name display*/ 215 | .flowerStar-1GeTsn { 216 | animation: fast-alt-pulse 5s infinite; 217 | } 218 | 219 | 220 | /*[POPOUT AVATAR GRADIENT]*/ 221 | /*Gives the avatars in popouts a smooth gradient rather than solid black*/ 222 | /* !! If you're seeing misaligned avatars or the popouts look wacky in general, 223 | /* !! Just comment out both of these class modifiers. */ 224 | .avatar-37jOim, .avatar-AvHqJA { 225 | border: none; background-color: none; 226 | animation: fadeIn ease-in-out .5s, gradient-move 4s linear infinite; 227 | border-radius: 50%; 228 | background: linear-gradient(to right, #28618b 20%, #623368 60%, #28618b 100%); 229 | padding: 6px; 230 | background-size: 200% auto; 231 | } 232 | .avatar-37jOim > *, .avatar-AvHqJA > * {width: auto; height: auto;} /*Removes the CSS for discord's default avatar border*/ 233 | 234 | 235 | /*[HOME LIST ICONS]*/ 236 | /*Home, Freinds, and Stage Discovery icon colors in home page*/ 237 | .linkButtonIcon-Mlm5d6 { 238 | color: var(--secondary-accent-color); 239 | } 240 | 241 | 242 | /*[SMALL POPOUT TEXT]*/ 243 | /*Gives color to the text dividers in user popout*/ 244 | .aboutMeTitle-1IYtPE, .headerTextNormal-2mGWX3 { 245 | color: var(--secondary-color); 246 | } 247 | 248 | /*[POPOUT USERNAMES]*/ 249 | /*Applies a gradient to small popout names and nicknames*/ 250 | .nickname-3M3Jfa, .headerTagWithNickname-3l_x6x, .headerTagUsernameNoNickname-2-Y5Ct { 251 | animation: gradient-move 5s linear infinite; 252 | background: linear-gradient(to right, var(--secondary-accent-color) 20%, #dfdfdf 35%, #c9c9c9 40%, var(--secondary-accent-color) 50%, var(--secondary-accent-color) 50%, var(--accent-color) 75%, var(--secondary-accent-color) 90%); 253 | background-size: 200% auto; 254 | color: #a172a6; 255 | -webkit-background-clip: text; 256 | background-clip: text; 257 | -webkit-text-fill-color: transparent; 258 | font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ 259 | } 260 | 261 | /*Applies a gradient to big popout username*/ 262 | .username-2b1r56 { 263 | animation: gradient-move 5s linear infinite; 264 | background: linear-gradient(to right, var(--secondary-color) 20%, #171717 35%, #171717 32%, var(--secondary-color) 50%, var(--secondary-color) 50%, var(--primary-color) 75%, var(--secondary-color) 90%); 265 | background-size: 200% auto; 266 | color: #a172a6; 267 | -webkit-background-clip: text; 268 | background-clip: text; 269 | -webkit-text-fill-color: transparent; 270 | font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ 271 | font-size: 1.2em; 272 | } 273 | 274 | /*Applies a solid color to small popout discriminators*/ 275 | .headerTagDiscriminatorNoNickname-D-AYUN { 276 | color: var(--primary-color); 277 | } 278 | 279 | /*Applies a pulse to small popout about me text and large popout discriminators*/ 280 | .aboutMeBody-3GuvKk, .discriminator-1swucG { 281 | animation: fast-alt-pulse 20s infinite; 282 | } 283 | 284 | 285 | /*[CHANNEL DISPLAY VC CONNECTED]*/ 286 | /*Sets colors for voice channels you're connected to 287 | /*(channel list display, not connect status at bottom of screen)*/ 288 | .modeConnected-3IsKId .name-23GUGE { 289 | color: var(--secondary-accent-color); 290 | } 291 | 292 | .modeConnected-3IsKId:hover .name-23GUGE { 293 | color: white; 294 | } 295 | 296 | 297 | /*[SERVER SIDEBAR HOVER POPOUT]*/ 298 | /*[TOOLTIP POPOUT]*/ 299 | /*The tooltips that displays when hovering over a server's icon in the left sidebar, 300 | /*when hovering over mute/deafen icons, reply icons, etc.*/ 301 | .theme-dark .tooltipPrimary-1d1ph4, .theme-dark .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK, .selected-bZ3Lue { 302 | animation: gradient-move 5s linear infinite; 303 | background: linear-gradient(to right, #6c1e50bb 20%, #171717bb 35%, #171717bb 35%, #6c1e50b6 50%, #6c1e50b6 50%, #0e1327bb 75%, #6c1e50bb 90%); 304 | background-size: 200% auto; 305 | font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ 306 | } 307 | 308 | /*Changes text color for the popouts*/ 309 | .guildNameText-3Zwx4p, .theme-dark .listItemTooltip-1JmWJ7 { 310 | color: white; 311 | } 312 | 313 | 314 | /*[SPOTIFY PLUGIN TIMEBAR COLOR]*/ 315 | /*If you have Better Discord's Spotify plugin, 316 | /*this will set a gradient for the progress bar*/ 317 | .barFill-Dhkah7 { 318 | animation: gradient-move 5s linear infinite; 319 | background: linear-gradient(to right, var(--primary-color) 20%, var(--divider-color) 35%, var(--divider-color) 35%, var(--primary-color) 50%, var(--primary-color) 50%, var(--secondary-color) 75%, var(--primary-color) 90%); 320 | background-size: 200% auto; 321 | } 322 | 323 | .barFill-Dhkah7:hover { 324 | animation: gradient-move 5s linear infinite; 325 | background: linear-gradient(to right, var(--primary-color) 20%, white 35%, white 35%, var(--primary-color) 50%, var(--primary-color) 50%, var(--secondary-color) 75%, var(--primary-color) 90%); 326 | background-size: 200% auto; 327 | } 328 | 329 | .barInner-3NDaY_ { 330 | animation: gradient-move 5s linear infinite; 331 | background: linear-gradient(to right, var(--secondary-accent-color) 20%, var(--divider-color) 35%, var(--divider-color) 35%, var(--secondary-accent-color) 50%, var(--secondary-accent-color) 50%, var(--accent-color) 75%, var(--secondary-accent-color) 90%); 332 | background-size: 200% auto; 333 | } 334 | 335 | 336 | /*[SETTINGS/MUTE/DEAFEN BUTTONS COLORS]*/ 337 | /*[SPOTIFY PLUGIN BUTTON COLOR]*/ 338 | /*Gives some buttons a pulse*/ 339 | .button-14-BFJ, .button-3AYNKb { 340 | animation: fast-alt-pulse 20s infinite; 341 | } 342 | 343 | 344 | /*[SPOTIFY LARGE COVER EDGE GRADIENT]*/ 345 | /*Gives the maximized album cover a gradient similar to popout avatar*/ 346 | .maximized-vv2Wr0 div div .cover-SwJ-ck { 347 | border: none; background-color: none; 348 | animation: fadeIn ease-in-out .5s, gradient-move 6s linear infinite; 349 | background: linear-gradient(to right, #28618b 20%, #623368 60%, #28618b 100%); 350 | padding: 6px; 351 | background-size: 200% auto; 352 | width: 224px; 353 | } 354 | 355 | .maximized-vv2Wr0 div div .cover-SwJ-ck > * {width:auto; height: auto;} 356 | 357 | 358 | /*[MENTIONS MENU]*/ 359 | /*The menu that appears when typing a mention*/ 360 | .scroller-lynW5A { 361 | background-color: #3033668d; 362 | } 363 | 364 | /*currently selected mention*/ 365 | .theme-dark .selected-1Tbx07 { 366 | background-color: var(--primary-color); 367 | } 368 | 369 | /*allows transparency in the mentions menu*/ 370 | .autocompleteInner-zh20B_.autocompleteInner-2mQ2AK { 371 | background-color: #00000000; 372 | } 373 | 374 | .theme-dark .autocomplete-1vrmpx { 375 | background-color: #00000000; 376 | } 377 | 378 | 379 | /*[DEFAULT TEXT COLOR]*/ 380 | /*changes message colors and some other colors*/ 381 | 382 | /*Uncomment to activate*/ 383 | /*.theme-dark{ 384 | --text-normal: var(--accent-color); 385 | }*/ 386 | 387 | 388 | /*[SCREENSHARE/VOICE CHAT BADGE]*/ 389 | /*The badge that displays when hovering over a server that has people in a voice channel or screensharing*/ 390 | .iconBadge-3qSJIw.participating-1NvRVd.iconBadge-2NuvG9.base-PmTxvP.baseShapeRound-1Mm1YW { 391 | background-color: var(--accent-color); 392 | } 393 | 394 | 395 | /*[NEW SERVER MENU]*/ 396 | /*Popout menu for adding new servers/creating them*/ 397 | .container-1CE3eW { 398 | background-color: var(--divider-color); 399 | } 400 | 401 | .title-3w8xhj, .footerTitle-2CYZch > h3 { 402 | color: white; 403 | } 404 | 405 | .container-UC8Ug1 { 406 | background-color: var(--secondary-accent-color); 407 | } 408 | .container-UC8Ug1:hover { 409 | background-color: var(--accent-color); 410 | } 411 | 412 | .theme-light .root-1gCeng { 413 | background: transparent; 414 | } 415 | 416 | .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV { 417 | color: black; 418 | font-weight: bold; 419 | background-color: var(--accent-color); 420 | } 421 | 422 | 423 | /*[SETTINGS]*/ 424 | /*Some colors for the settings*/ 425 | .description-3_Ncsb, 426 | .labelDescriptor-1PqHgD { 427 | color: var(--accent-color); 428 | } 429 | 430 | .marketingRefreshSubtitle-3jft-o { 431 | color: var(--accent-color); 432 | } 433 | 434 | .marketingRefreshSectionTier1-dRwS-6 { 435 | color: var(--accent-color); 436 | } 437 | 438 | .descriptionStandalone-3aMqwN { 439 | color: var(--accent-color); 440 | } 441 | 442 | .description-1W0DiL { 443 | color: var(--accent-color); 444 | } 445 | 446 | .defaultValue-3gC7yw .markValue-2DwdXI { 447 | color: var(--accent-color); 448 | } 449 | 450 | /*==Version Information==*/ 451 | .colorMuted-HdFt4q { 452 | animation: fast-alt-pulse 10s infinite; 453 | } 454 | 455 | .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 { 456 | color: var(--primary-color); 457 | } 458 | 459 | .theme-dark .foreground-26ym5y { 460 | animation: server-name-pulse 15s infinite; 461 | } 462 | 463 | .item-26Dhrx, .item-26Dhrx:hover { 464 | color: var(--secondary-color); 465 | } 466 | 467 | .item-26Dhrx[aria-checked=true] { 468 | color: var(--primary-color); 469 | } 470 | 471 | .radioIconForeground-XwlXQN { 472 | color: var(--primary-color); 473 | } 474 | 475 | .barFill-23-gu- { 476 | animation: gradient-move 5s linear infinite; 477 | background: linear-gradient(to right, var(--primary-color) 20%, var(--divider-color) 35%, var(--divider-color) 35%, var(--primary-color) 50%, var(--primary-color) 50%, var(--secondary-color) 75%, var(--primary-color) 90%); 478 | background-size: 200% auto; 479 | } 480 | 481 | 482 | .modeSelected-346R90 .name-23GUGE, .modeSelected-346R90:hover .name-23GUGE { 483 | font-weight: bold; 484 | } 485 | 486 | .mainContent-2h-GEV .container-2ax-kl { 487 | font-weight: bold; 488 | } 489 | 490 | .wrapper-PY0fhH.muted-2JBAyG:hover .icon-2yIBmh, .wrapper-PY0fhH.muted-2JBAyG:hover .name-3l27Hl, .wrapper-PY0fhH:hover .icon-2yIBmh, .wrapper-PY0fhH:hover .name-3l27Hl { 491 | font-weight:bold; 492 | visibility: visible; 493 | } 494 | 495 | 496 | .membersGroup-v9BXpm { 497 | position: relative; 498 | z-index: 2; 499 | padding: 19px 8px 5px 16px; 500 | text-align: center; 501 | letter-spacing: 1px; 502 | color: var(--accent-color); 503 | /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ 504 | border-bottom-width: 1px; 505 | border-style: solid; 506 | border-image: linear-gradient(to right, transparent 0%, transparent 10%, var(--secondary-accent-color), var(--secondary-accent-color), transparent 90%, transparent 100%) 1; 507 | } 508 | 509 | .membersGroup-v9BXpm::after, 510 | .membersGroup-v9BXpm::before { 511 | content: ""; 512 | position: absolute; 513 | width: 50%; 514 | height: 100%; 515 | top: 0; 516 | background-color: transparent; 517 | z-index: -1 518 | } 519 | 520 | 521 | @keyframes role-shadow-l { 522 | 0%, 100% { 523 | box-shadow: 80px 50px 50px 0 var(--primary-color); 524 | } 525 | 50% { 526 | box-shadow: 80px 50px 50px 0 var(--secondary-color); 527 | } 528 | } 529 | 530 | @keyframes role-shadow-r { 531 | 0%, 100% { 532 | box-shadow: -80px 50px 50px 0 var(--primary-color); 533 | } 534 | 50% { 535 | box-shadow: -80px 50px 50px 0 var(--secondary-color); 536 | } 537 | } 538 | 539 | .membersGroup-v9BXpm::before { 540 | left: 0; 541 | animation: role-shadow-l 5s infinite; 542 | } 543 | 544 | .membersGroup-v9BXpm::after { 545 | right: 0; 546 | animation: role-shadow-r 5s infinite; 547 | } 548 | 549 | .membersGroup-v9BXpm span { 550 | text-shadow: 0 1px 5px #6c1e5045; 551 | } 552 | 553 | 554 | .name-3l27Hl { 555 | position: relative; 556 | z-index: 2; 557 | text-align: left; 558 | letter-spacing: 1px; 559 | color: var(--primary-color); 560 | /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ 561 | border-bottom-width: 1px; 562 | border-style: solid; 563 | border-image: linear-gradient(to right, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; 564 | } 565 | 566 | .name-3l27Hl::after, 567 | .name-3l27Hl::before { 568 | content: ""; 569 | position: absolute; 570 | width: 50%; 571 | height: 100%; 572 | top: 0; 573 | background-color: transparent; 574 | z-index: -1 575 | } 576 | 577 | .name-3l27Hl::before { 578 | left: 0; 579 | animation: role-shadow-l 5s infinite; 580 | } 581 | 582 | .name-3l27Hl::after { 583 | right: 0; 584 | animation: role-shadow-r 5s infinite; 585 | } 586 | 587 | .name-3l27Hl span { 588 | text-shadow: 0 1px 5px #6c1e5045; 589 | } -------------------------------------------------------------------------------- /community/Wubzy's Themes/NightLife Family/Nightlife.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @name Nightlife 3 | * @author WubzyGD#8766 4 | * @version 1.3 5 | * @description A nightlife neon-japanese anime aesthetic theme with lots of gradients and animations, and fully customizable. 6 | * @invite FdZhbjY 7 | */ 8 | 9 | /*@import url('./Nightlife.source.css');*/ 10 | 11 | 12 | /*Hi there, hope you enjoy using my CPU Inhaler*/ 13 | 14 | @import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); 15 | @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap'); 16 | @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap'); 17 | 18 | :root { 19 | --theme-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870822319411593226/neon-night-anime-girl-cat-r1.png); 20 | --main-theme-color: #5d60ca; 21 | --theme-transparency: rgba(0, 0, 0, 0.6); 22 | --home-icon-image: url(https://cdn.discordapp.com/attachments/497601208186306560/870824128947580978/unknown.png); 23 | --home-icon-image-position: center center; 24 | --home-icon-image-zoom: 100%; 25 | 26 | /* 27 | Server Listing Width 28 | Single Column: 72px 29 | Double Column: 126px 30 | Triple Column: 184px 31 | Quad Column: 242px 32 | */ 33 | --server-listing-width: 72px; 34 | 35 | --font-size: 100%; 36 | --mention-color: #af21884b; 37 | --mention-sider: #af21887f; 38 | --mention-hover-color: #af21881f; 39 | 40 | --category-hover-color: #5d60ca5f; 41 | 42 | --unread-server-animation: rainbow; 43 | 44 | --video-screen-button-background-color: rgba(200, 200, 200, 0.2); 45 | --video-screen-button-foreground-color: white; 46 | --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); 47 | --video-screen-button-foreground-hovor-color: white; 48 | 49 | --member-listing-role-color: var(--main-theme-color); 50 | 51 | --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #390439ff 90%), url(https://cdn.discordapp.com/attachments/771177570754363393/870822145935155280/12XLXka.png); 52 | --small-user-popout-background-transparency: rgba(0,0,0, 0.63); 53 | --small-user-popout-background-image-position: center; 54 | 55 | --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/869034932062810192/background.jpg); 56 | --big-user-popout-background-transparency: rgba(0,0,0, 0.6); 57 | --big-user-popout-background-image-position: center; 58 | 59 | --code-markup-background-color: rgba(0, 0, 0, 0.6); 60 | --code-markup-border: 1px solid transparent; 61 | 62 | --message-box-transparency: rgba(0, 0, 0, 0.6); 63 | 64 | --embed-background-transparency: rgba(0, 0, 0, 0.6); 65 | 66 | --message-hover-buttons-background: rgba(200, 200, 200, 0.1); 67 | 68 | --context-menu-transparency: rgba(15, 15, 15, 0.8); 69 | 70 | --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); 71 | --add-discover-icon-color: #43b581; 72 | 73 | --channel-limit-count-color: var(--channels-default); 74 | --channel-limit-background-left: rgba(200, 200, 200, 0.1); 75 | --channel-limit-background-right: rgba(200, 200, 200, 0.2); 76 | 77 | --scrollbar-color: #5d60ca89; 78 | 79 | --unread-message-divider-color: #f04747; 80 | --unread-message-divider-font-color: #fff; 81 | 82 | --new-messages-bar-background-color: var(--main-theme-color); 83 | --new-messages-bar-font-color: #fff; 84 | 85 | --emoji-menu-background-color: rgba(0, 0, 0, 0.6); 86 | --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); 87 | --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); 88 | --emoji-menu-bottom-bar-background-color: black; 89 | --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); 90 | 91 | --message-search-menu-background-color: rgba(0, 0, 0, 0.8); 92 | --message-search-container-background-color: rgba(0, 0, 0, 0.6); 93 | --message-search-result-background-color: rgba(200, 200, 200, 0.05); 94 | 95 | --text-voice-channel-color: rgb(142, 146, 151); 96 | --text-voice-channel-hover-color: #dcddde; 97 | --text-voice-channel-selected-text-color: #fff; 98 | --unread-text-channel-color: #5d60ca; 99 | --unread-text-channel-bubble-color: #5d60ca; 100 | 101 | --folder-background-color: #2f3136; 102 | --expanded-folder-background-color: transparent; 103 | 104 | --reaction-emoji-background-color: rgba(0, 0, 0, 0); 105 | --reaction-emoji-border-color: 1px solid transparent; 106 | --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); 107 | --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); 108 | 109 | 110 | /*--------------------------*/ 111 | /*========*/ 112 | /*--------------------------*/ 113 | 114 | --primary-color: #5d60ca; 115 | --secondary-color: #af2188; 116 | --accent-color: #b0f6ff; 117 | --secondary-accent-color: #d1a1d6; 118 | --divider-color: #171717; 119 | } 120 | 121 | 122 | /*--------------------*/ 123 | /*========*/ 124 | /*--------------------*/ 125 | 126 | /*Side-scrolling gradient*/ 127 | @keyframes gradient-move { 128 | to { 129 | background-position: 200% center; 130 | } 131 | } 132 | 133 | /*Drops an element into place*/ 134 | @keyframes dropdown-title { 135 | from {transform: translateY(-100vh);} 136 | to {transform: translateY(0);} 137 | } 138 | 139 | /*Fades between the two primary colors*/ 140 | @keyframes server-name-pulse { 141 | 0%, 100% { 142 | color: var(--secondary-color); 143 | } 144 | 50% { 145 | color: var(--primary-color); 146 | } 147 | } 148 | 149 | /*Alternates between the two alt colors*/ 150 | @keyframes fast-alt-pulse { 151 | 0%, 100% { 152 | color: var(--secondary-accent-color); 153 | } 154 | 40% { 155 | color: var(--accent-color); 156 | } 157 | } 158 | 159 | 160 | /*--------------------*/ 161 | /*========*/ 162 | /*--------------------*/ 163 | 164 | 165 | /*These lines fix popout background images to prevent tiling.*/ 166 | .root-3QyAh1 {background-size: cover;} 167 | .userPopout-xaxa6l {background-size: cover;} 168 | 169 | /*Make the Channel Tabs plugin background invisible so it's flush with the user background*/ 170 | .channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} 171 | 172 | 173 | /*[IMPORTANT GRADIENT]*/ 174 | /*Sets the gradient for currently selected channel display, */ 175 | .title-29uC1r, .input-2A_zIr, .header-2RyJ0Y{ 176 | animation: dropdown-title 1.5s ease-in-out, gradient-move 2.5s linear infinite; 177 | background: linear-gradient(to right, #af2188 20%, #171717 35%, #171717 35%, #af2188ae 50%, #af2188ae 50%, #5d60ca 75%, #af2188 90%); 178 | background-size: 200% auto; 179 | color: #a172a6; 180 | -webkit-background-clip: text; 181 | background-clip: text; 182 | -webkit-text-fill-color: transparent; 183 | font-family: "Monsterrat", sans-serif; /*Remove this line if you want Discord's default font*/ 184 | } 185 | 186 | 187 | /*[GUILD SIDEBAR FADE]*/ 188 | /*Fades the guild sidebar into the mention color on hover*/ 189 | .guilds-1SWlCJ {transition: background-color 1s ease-in;} 190 | .guilds-1SWlCJ:hover { 191 | background-color: var(--mention-color); 192 | } 193 | 194 | 195 | /*[MENTION GRADIENT]*/ 196 | /*Gives mentions a similar gradient to the name display gradients*/ 197 | .mentioned-xhSam7 { 198 | animation: gradient-move 10s linear infinite; 199 | background: linear-gradient(to right, #af21883b 20%, #1717173b 35%, #1717173b 35%, #af218876 50%, #af218876 50%, #5d60ca3b 75%, #af21883b 90%); 200 | background-size: 200% auto; 201 | } 202 | 203 | /*Sets the highlight tone to increase opacity on mouseover*/ 204 | .mentioned-xhSam7:hover { 205 | animation: gradient-move 10s linear infinite; 206 | background: linear-gradient(to right, #af21885b 20%, #1717175b 35%, #1717175b 35%, #af218896 50%, #af218896 50%, #5d60ca5b 75%, #af21885b 90%); 207 | background-size: 200% auto; 208 | } 209 | 210 | 211 | /*[SERVER NAME PULSE]*/ 212 | /*Gently pulses the top left display of the server name*/ 213 | .name-1jkAdW { 214 | animation: server-name-pulse 20s infinite; 215 | } 216 | 217 | 218 | /*[NITRO BOOST ICON]*/ 219 | /*Colors the nitro boost icon next to the guild name display*/ 220 | .flowerStar-1GeTsn { 221 | animation: fast-alt-pulse 5s infinite; 222 | } 223 | 224 | 225 | /*[POPOUT AVATAR GRADIENT]*/ 226 | /*Gives the avatars in popouts a smooth gradient rather than solid black*/ 227 | /* !! If you're seeing misaligned avatars or the popouts look wacky in general, 228 | /* !! Just comment out both of these class modifiers. */ 229 | .avatar-37jOim, .avatar-AvHqJA { 230 | border: none; background-color: none; 231 | animation: fadeIn ease-in-out .5s, gradient-move 4s linear infinite; 232 | border-radius: 50%; 233 | background: linear-gradient(to right, rgb(92, 18, 72) 20%, rgb(60, 62, 131) 60%, rgb(92, 18, 72) 100%); 234 | padding: 6px; 235 | background-size: 200% auto; 236 | } 237 | .avatar-37jOim > *, .avatar-AvHqJA > * {width: auto; height: auto;} /*Removes the CSS for discord's default avatar border*/ 238 | 239 | 240 | /*[HOME LIST ICONS]*/ 241 | /*Home, Freinds, and Stage Discovery icon colors in home page*/ 242 | .linkButtonIcon-Mlm5d6 { 243 | color: var(--secondary-accent-color); 244 | } 245 | 246 | 247 | /*[SMALL POPOUT TEXT]*/ 248 | /*Gives color to the text dividers in user popout*/ 249 | .aboutMeTitle-1IYtPE, .headerTextNormal-2mGWX3 { 250 | color: var(--secondary-color); 251 | } 252 | 253 | /*[POPOUT USERNAMES]*/ 254 | /*Applies a gradient to small popout names and nicknames*/ 255 | .nickname-3M3Jfa, .headerTagWithNickname-3l_x6x, .headerTagUsernameNoNickname-2-Y5Ct { 256 | animation: gradient-move 5s linear infinite; 257 | background: linear-gradient(to right, var(--secondary-accent-color) 20%, #dfdfdf 35%, #c9c9c9 40%, var(--secondary-accent-color) 50%, var(--secondary-accent-color) 50%, var(--accent-color) 75%, var(--secondary-accent-color) 90%); 258 | background-size: 200% auto; 259 | color: #a172a6; 260 | -webkit-background-clip: text; 261 | background-clip: text; 262 | -webkit-text-fill-color: transparent; 263 | font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ 264 | } 265 | 266 | /*Applies a gradient to big popout username*/ 267 | .username-2b1r56 { 268 | animation: gradient-move 5s linear infinite; 269 | background: linear-gradient(to right, var(--secondary-color) 20%, #171717 35%, #171717 32%, var(--secondary-color) 50%, var(--secondary-color) 50%, var(--primary-color) 75%, var(--secondary-color) 90%); 270 | background-size: 200% auto; 271 | color: #a172a6; 272 | -webkit-background-clip: text; 273 | background-clip: text; 274 | -webkit-text-fill-color: transparent; 275 | font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ 276 | font-size: 1.2em; 277 | } 278 | 279 | /*Applies a solid color to small popout discriminators*/ 280 | .headerTagDiscriminatorNoNickname-D-AYUN { 281 | color: var(--primary-color); 282 | } 283 | 284 | /*Applies a pulse to small popout about me text and large popout discriminators*/ 285 | .aboutMeBody-3GuvKk, .discriminator-1swucG { 286 | animation: fast-alt-pulse 20s infinite; 287 | } 288 | 289 | 290 | /*[CHANNEL DISPLAY VC CONNECTED]*/ 291 | /*Sets colors for voice channels you're connected to 292 | /*(channel list display, not connect status at bottom of screen)*/ 293 | .modeConnected-3IsKId .name-23GUGE { 294 | color: var(--secondary-accent-color); 295 | } 296 | 297 | .modeConnected-3IsKId:hover .name-23GUGE { 298 | color: white; 299 | } 300 | 301 | 302 | /*[SERVER SIDEBAR HOVER POPOUT]*/ 303 | /*[TOOLTIP POPOUT]*/ 304 | /*The tooltips that displays when hovering over a server's icon in the left sidebar, 305 | /*when hovering over mute/deafen icons, reply icons, etc.*/ 306 | .theme-dark .tooltipPrimary-1d1ph4, .theme-dark .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK, .selected-bZ3Lue { 307 | animation: gradient-move 5s linear infinite; 308 | background: linear-gradient(to right, #af2188bb 20%, #171717bb 35%, #171717bb 35%, #af2188b6 50%, #af2188b6 50%, #5d60cabb 75%, #af2188bb 90%); 309 | background-size: 200% auto; 310 | font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ 311 | } 312 | 313 | /*Changes text color for the popouts*/ 314 | .guildNameText-3Zwx4p, .theme-dark .listItemTooltip-1JmWJ7 { 315 | color: white; 316 | } 317 | 318 | 319 | /*[SPOTIFY PLUGIN TIMEBAR COLOR]*/ 320 | /*If you have Better Discord's Spotify plugin, 321 | /*this will set a gradient for the progress bar*/ 322 | .barFill-Dhkah7 { 323 | animation: gradient-move 5s linear infinite; 324 | background: linear-gradient(to right, var(--primary-color) 20%, var(--divider-color) 35%, var(--divider-color) 35%, var(--primary-color) 50%, var(--primary-color) 50%, var(--secondary-color) 75%, var(--primary-color) 90%); 325 | background-size: 200% auto; 326 | } 327 | 328 | .barFill-Dhkah7:hover { 329 | animation: gradient-move 5s linear infinite; 330 | background: linear-gradient(to right, var(--primary-color) 20%, white 35%, white 35%, var(--primary-color) 50%, var(--primary-color) 50%, var(--secondary-color) 75%, var(--primary-color) 90%); 331 | background-size: 200% auto; 332 | } 333 | 334 | .barInner-3NDaY_ { /*Adds a gradient to the one in users' statuses*/ 335 | animation: gradient-move 5s linear infinite; 336 | background: linear-gradient(to right, var(--secondary-accent-color) 20%, var(--divider-color) 35%, var(--divider-color) 35%, var(--secondary-accent-color) 50%, var(--secondary-accent-color) 50%, var(--accent-color) 75%, var(--secondary-accent-color) 90%); 337 | background-size: 200% auto; 338 | } 339 | 340 | 341 | /*[SETTINGS/MUTE/DEAFEN BUTTONS COLORS]*/ 342 | /*[SPOTIFY PLUGIN BUTTON COLOR]*/ 343 | /*Gives some buttons a pulse*/ 344 | .button-14-BFJ, .button-3AYNKb { 345 | animation: fast-alt-pulse 20s infinite; 346 | } 347 | 348 | 349 | /*[SPOTIFY LARGE COVER EDGE GRADIENT]*/ 350 | /*Gives the maximized album cover a gradient similar to popout avatar*/ 351 | .maximized-vv2Wr0 div div .cover-SwJ-ck { 352 | border: none; background-color: none; 353 | animation: fadeIn ease-in-out .5s, gradient-move 6s linear infinite; 354 | background: linear-gradient(to right, rgb(92, 18, 72) 20%, rgb(60, 62, 131) 60%, rgb(92, 18, 72) 100%); 355 | padding: 6px; 356 | background-size: 200% auto; 357 | width: 224px; 358 | } 359 | 360 | .maximized-vv2Wr0 div div .cover-SwJ-ck > * {width:auto; height: auto;} 361 | 362 | 363 | /*[MENTIONS MENU]*/ 364 | /*The menu that appears when typing a mention*/ 365 | .scroller-lynW5A { 366 | background-color: #3033668d; 367 | } 368 | 369 | /*currently selected mention*/ 370 | .theme-dark .selected-1Tbx07 { 371 | background-color: var(--primary-color); 372 | } 373 | 374 | /*allows transparency in the mentions menu*/ 375 | .autocompleteInner-zh20B_.autocompleteInner-2mQ2AK { 376 | background-color: #00000000; 377 | } 378 | 379 | .theme-dark .autocomplete-1vrmpx { 380 | background-color: #00000000; 381 | } 382 | 383 | 384 | /*[DEFAULT TEXT COLOR]*/ 385 | /*changes message colors and some other colors*/ 386 | 387 | /*Uncomment to activate*/ 388 | /*.theme-dark{ 389 | --text-normal: var(--accent-color); 390 | }*/ 391 | 392 | 393 | /*[SCREENSHARE/VOICE CHAT BADGE]*/ 394 | /*The badge that displays when hovering over a server that has people in a voice channel or screensharing*/ 395 | .iconBadge-3qSJIw.participating-1NvRVd.iconBadge-2NuvG9.base-PmTxvP.baseShapeRound-1Mm1YW { 396 | background-color: var(--accent-color); 397 | } 398 | 399 | 400 | /*[NEW SERVER MENU]*/ 401 | /*Popout menu for adding new servers/creating them*/ 402 | .container-1CE3eW { 403 | background-color: var(--divider-color); 404 | } 405 | 406 | .title-3w8xhj, .footerTitle-2CYZch > h3 { 407 | color: white; 408 | } 409 | 410 | .container-UC8Ug1 { 411 | background-color: var(--secondary-accent-color); 412 | } 413 | .container-UC8Ug1:hover { 414 | background-color: var(--accent-color); 415 | } 416 | 417 | .theme-light .root-1gCeng { 418 | background: transparent; 419 | } 420 | 421 | .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV { 422 | color: black; 423 | font-weight: bold; 424 | background-color: var(--accent-color); 425 | } 426 | 427 | 428 | /*[SETTINGS]*/ 429 | /*Some colors for the settings*/ 430 | .description-3_Ncsb, 431 | .labelDescriptor-1PqHgD { 432 | color: var(--accent-color); 433 | } 434 | 435 | .marketingRefreshSubtitle-3jft-o { 436 | color: var(--accent-color); 437 | } 438 | 439 | .marketingRefreshSectionTier1-dRwS-6 { 440 | color: var(--accent-color); 441 | } 442 | 443 | .descriptionStandalone-3aMqwN { 444 | color: var(--accent-color); 445 | } 446 | 447 | .description-1W0DiL { 448 | color: var(--accent-color); 449 | } 450 | 451 | .defaultValue-3gC7yw .markValue-2DwdXI { 452 | color: var(--accent-color); 453 | } 454 | 455 | /*==Version Information==*/ 456 | .colorMuted-HdFt4q { 457 | animation: fast-alt-pulse 10s infinite; 458 | } 459 | 460 | .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 { 461 | color: var(--primary-color); 462 | } 463 | 464 | .theme-dark .foreground-26ym5y { 465 | animation: server-name-pulse 15s infinite; 466 | } 467 | 468 | .item-26Dhrx, .item-26Dhrx:hover { 469 | color: var(--secondary-color); 470 | } 471 | 472 | .item-26Dhrx[aria-checked=true] { 473 | color: var(--primary-color); 474 | } 475 | 476 | .radioIconForeground-XwlXQN { 477 | color: var(--primary-color); 478 | } 479 | 480 | .barFill-23-gu- { 481 | animation: gradient-move 5s linear infinite; 482 | background: linear-gradient(to right, var(--primary-color) 20%, var(--divider-color) 35%, var(--divider-color) 35%, var(--primary-color) 50%, var(--primary-color) 50%, var(--secondary-color) 75%, var(--primary-color) 90%); 483 | background-size: 200% auto; 484 | } 485 | 486 | 487 | .modeSelected-346R90 .name-23GUGE, .modeSelected-346R90:hover .name-23GUGE { 488 | font-weight: bold; 489 | } 490 | 491 | .mainContent-2h-GEV .container-2ax-kl { 492 | font-weight: bold; 493 | } 494 | 495 | .wrapper-PY0fhH.muted-2JBAyG:hover .icon-2yIBmh, .wrapper-PY0fhH.muted-2JBAyG:hover .name-3l27Hl, .wrapper-PY0fhH:hover .icon-2yIBmh, .wrapper-PY0fhH:hover .name-3l27Hl { 496 | font-weight:bold; 497 | visibility: visible; 498 | } 499 | 500 | 501 | .membersGroup-v9BXpm { 502 | position: relative; 503 | z-index: 2; 504 | padding: 19px 8px 5px 16px; 505 | text-align: center; 506 | letter-spacing: 1px; 507 | color: var(--primary-color); 508 | /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ 509 | border-bottom-width: 1px; 510 | border-style: solid; 511 | border-image: linear-gradient(to right, transparent 0%, transparent 10%, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; 512 | } 513 | 514 | .membersGroup-v9BXpm::after, 515 | .membersGroup-v9BXpm::before { 516 | content: ""; 517 | position: absolute; 518 | width: 50%; 519 | height: 100%; 520 | top: 0; 521 | background-color: transparent; 522 | z-index: -1 523 | } 524 | 525 | 526 | @keyframes role-shadow-l { 527 | 0%, 100% { 528 | box-shadow: 80px 50px 50px 0 var(--primary-color); 529 | } 530 | 50% { 531 | box-shadow: 80px 50px 50px 0 var(--secondary-color); 532 | } 533 | } 534 | 535 | @keyframes role-shadow-r { 536 | 0%, 100% { 537 | box-shadow: -80px 50px 50px 0 var(--primary-color); 538 | } 539 | 50% { 540 | box-shadow: -80px 50px 50px 0 var(--secondary-color); 541 | } 542 | } 543 | 544 | .membersGroup-v9BXpm::before { 545 | left: 0; 546 | animation: role-shadow-l 5s infinite; 547 | } 548 | 549 | .membersGroup-v9BXpm::after { 550 | right: 0; 551 | animation: role-shadow-r 5s infinite; 552 | } 553 | 554 | .membersGroup-v9BXpm span { 555 | text-shadow: 0 1px 5px #af218845; 556 | } 557 | 558 | 559 | .name-3l27Hl { 560 | position: relative; 561 | z-index: 2; 562 | text-align: left; 563 | letter-spacing: 1px; 564 | color: var(--primary-color); 565 | /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ 566 | border-bottom-width: 1px; 567 | border-style: solid; 568 | border-image: linear-gradient(to right, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; 569 | } 570 | 571 | .name-3l27Hl::after, 572 | .name-3l27Hl::before { 573 | content: ""; 574 | position: absolute; 575 | width: 50%; 576 | height: 100%; 577 | top: 0; 578 | background-color: transparent; 579 | z-index: -1 580 | } 581 | 582 | .name-3l27Hl::before { 583 | left: 0; 584 | animation: role-shadow-l 5s infinite; 585 | } 586 | 587 | .name-3l27Hl::after { 588 | right: 0; 589 | animation: role-shadow-r 5s infinite; 590 | } 591 | 592 | .name-3l27Hl span { 593 | text-shadow: 0 1px 5px #af218845; 594 | } --------------------------------------------------------------------------------