From 9521f28676287538a37c3e0a4eccfaa067193181 Mon Sep 17 00:00:00 2001 From: WubzyGD Date: Tue, 11 Jan 2022 18:33:37 -0700 Subject: [PATCH 1/6] update READMEs to include more info --- README.md | 7 ++++--- community/README.md | 8 ++++++-- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 7fbbc77d..dff7b1c2 100644 --- a/README.md +++ b/README.md @@ -9,12 +9,12 @@

-NotAnotherAnimeTheme is a highly customizable theme for Discord (with [BetterDiscord](https://github.com/rauenzi/BetterDiscordApp/releases/latest) 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) +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) ## Installation ### For BetterDiscord -1. Ensure [Bandaged BetterDiscord](https://github.com/rauenzi/BetterDiscordApp/releases/latest) is installed. +1. Ensure [Bandaged BetterDiscord](https://betterdiscord.app) is installed. 2. Download the theme here: * [NotAnotherAnimeTheme](https://betterdiscord.app/theme/NotAnotherAnimeTheme) 3. Place the theme file inside of the BetterDiscord `themes` folder. @@ -41,6 +41,7 @@ NotAnotherAnimeTheme is a highly customizable theme for Discord (with [BetterDis ### Q: *How would I go about customizing the theme?* * The details on how to customize the theme are [here.](https://www.youtube.com/watch?v=YYsdNkLOQjU) +* 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) ### Q: *Where did the different theme files go for the amount of server columns?* * Since V3 you now change the amount of columns from inside the theme file, `--server-listing-width` @@ -59,7 +60,7 @@ Any issues can be expressed by: * [Joining the Discord server](https://discord.gg/FdZhbjY) * [Opening an issue on GitHub](https://github.com/puckzxz/NotAnotherAnimeTheme/issues) -* Messaging me on Discord at puckzxz#2080 +* Messaging me on Discord at [puckzxz#2080](https://discord.com/users/135554522616561664) ## Notes diff --git a/community/README.md b/community/README.md index 224d0bb8..e856d69b 100644 --- a/community/README.md +++ b/community/README.md @@ -2,7 +2,11 @@ Themes submitted by the community - # Notes -These themes are not guaranteed to stay updated. \ No newline at end of file +- These themes are not guaranteed to stay updated. + +- Want to see your own custom theme here? **Make a Pull Request** and add it to this folder, +or [join our support server](https://discord.gg/kvgrRWxVYn) and ask to have your theme added. + +- Themes with minimal changes, such as only changing the theme color, may not be accepted. From 7ca7155d4f58283079df9be51dd825cf084d654c Mon Sep 17 00:00:00 2001 From: WubzyGD Date: Tue, 11 Jan 2022 18:55:51 -0700 Subject: [PATCH 2/6] Add wubzy's themes --- community/Wubzy's Themes/AMOLED.theme.css | 140 +++++ .../AnimePack/AnimePack - Christmas.theme.css | 140 +++++ ...ePack - The Ancient Magus' Bride.theme.css | 140 +++++ .../AnimePack/AnimePack Blue Sky.theme.css | 140 +++++ .../AnimePack/AnimePack FireForce 1.theme.css | 108 ++++ .../AnimePack/AnimePack Hot Tub.theme.css | 140 +++++ .../AnimePack/AnimePack Neon 2.theme.css | 108 ++++ .../AnimePack/AnimePack Neon 3.theme.css | 144 +++++ .../AnimePack/AnimePack PeacefulCat.theme.css | 108 ++++ .../Wubzy's Themes/Homework Girl.theme.css | 108 ++++ .../Wubzy's Themes/Lofi Christmas.theme.css | 140 +++++ .../NightLife Family/Defiant.theme.css | 589 +++++++++++++++++ .../NightLife Family/Nightlife.theme.css | 594 ++++++++++++++++++ .../NightLife Family/Whistful.theme.css | 589 +++++++++++++++++ community/Wubzy's Themes/README.md | 23 + community/Wubzy's Themes/Wubzy.theme.css | 109 ++++ 16 files changed, 3320 insertions(+) create mode 100644 community/Wubzy's Themes/AMOLED.theme.css create mode 100644 community/Wubzy's Themes/AnimePack/AnimePack - Christmas.theme.css create mode 100644 community/Wubzy's Themes/AnimePack/AnimePack - The Ancient Magus' Bride.theme.css create mode 100644 community/Wubzy's Themes/AnimePack/AnimePack Blue Sky.theme.css create mode 100644 community/Wubzy's Themes/AnimePack/AnimePack FireForce 1.theme.css create mode 100644 community/Wubzy's Themes/AnimePack/AnimePack Hot Tub.theme.css create mode 100644 community/Wubzy's Themes/AnimePack/AnimePack Neon 2.theme.css create mode 100644 community/Wubzy's Themes/AnimePack/AnimePack Neon 3.theme.css create mode 100644 community/Wubzy's Themes/AnimePack/AnimePack PeacefulCat.theme.css create mode 100644 community/Wubzy's Themes/Homework Girl.theme.css create mode 100644 community/Wubzy's Themes/Lofi Christmas.theme.css create mode 100644 community/Wubzy's Themes/NightLife Family/Defiant.theme.css create mode 100644 community/Wubzy's Themes/NightLife Family/Nightlife.theme.css create mode 100644 community/Wubzy's Themes/NightLife Family/Whistful.theme.css create mode 100644 community/Wubzy's Themes/README.md create mode 100644 community/Wubzy's Themes/Wubzy.theme.css diff --git a/community/Wubzy's Themes/AMOLED.theme.css b/community/Wubzy's Themes/AMOLED.theme.css new file mode 100644 index 00000000..606f10f4 --- /dev/null +++ b/community/Wubzy's Themes/AMOLED.theme.css @@ -0,0 +1,140 @@ +/** +* @name AMOLED +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +/* + * ========================================= + * Created using Wubzy.xyz's theme generator + * Questions about the theme or generator? Bugs or suggestions? + * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY + * Feedback is always welcome! + * + * Hope you like your theme! ^^ + * ========================================= + */ + +/*Generated at Sat, 14 Aug 2021 22:31:15 GMT -> Generator version Beta - 1.1.3*/ + +:root { + + /*[MAIN THEME SETTINGS]*/ + /*Some important settings that will change the majority of your client.*/ + --theme-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); /*The main image over your whole Discord client*/ + --main-theme-color: #8b0000; /*The default theme color*/ + --theme-transparency: rgba(0, 0, 0, 1); /*The mask that applies over the background*/ + --home-icon-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876224380458385408/IMG_0191.jpg); /*Your friends icon*/ + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + Pentad Column: 304px + */ + /*[SERVER LISTING]*/ + /*The number of columns in your server listing.*/ + --server-listing-width: 72px; + + /*[FONT SIZE]*/ + --font-size: 100%; + + /*[MENTION COLORS]*/ + --mention-color: #8b00004b; /*The color messages that mention you will highlight in*/ + --mention-sider: #8b00007f; /*The small bar on the left of a message that mentions you*/ + --mention-hover-color: #8b00005f; /*The color a mention highlight changes to when you hover over it*/ + + --category-hover-color: #8b00005f; /*Color that categories change to when hovered over*/ + + --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ + + /*[VIDEO PLAYER]*/ + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + /*[USER POPOUTS]*/ + /*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)*/ + /*Similar to main theme settings.*/ + --small-user-popout-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); + --small-user-popout-background-transparency: rgba(0,0,0, 1); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); + --big-user-popout-background-transparency: rgba(0,0,0, 1); + --big-user-popout-background-image-position: center; + + /*[CODE BLOCKS]*/ + --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ + --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ + + --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*/ + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --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*/ + + /*[ADVANCED SETTINGS]*/ + /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ + + --context-menu-transparency: rgba(0, 0, 0, 0.95); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #8b000089; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --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*/ + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #8b0000; + --unread-text-channel-bubble-color: #8b0000; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +/*Changes the way popout background images apply to account for any size mismatching.*/ +.root-3QyAh1 {background-size: cover;} /*Large popout*/ +.userPopout-xaxa6l {background-size: cover;} /*Small popout*/ + +/*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/AnimePack/AnimePack - Christmas.theme.css b/community/Wubzy's Themes/AnimePack/AnimePack - Christmas.theme.css new file mode 100644 index 00000000..c8c66cbf --- /dev/null +++ b/community/Wubzy's Themes/AnimePack/AnimePack - Christmas.theme.css @@ -0,0 +1,140 @@ +/** +* @name AnimePack -> Christmas 1 +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +/* + * ========================================= + * Created using Wubzy.xyz's theme generator + * Questions about the theme or generator? Bugs or suggestions? + * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY + * Feedback is always welcome! + * + * Hope you like your theme! ^^ + * ========================================= + */ + +/*Generated at Fri, 10 Dec 2021 06:40:50 GMT -> Generator version Beta - 1.1.3*/ + +:root { + + /*[MAIN THEME SETTINGS]*/ + /*Some important settings that will change the majority of your client.*/ + --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*/ + --main-theme-color: #2a4d35; /*The default theme color*/ + --theme-transparency: rgba(0, 0, 0, 0.6); /*The mask that applies over the background*/ + --home-icon-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918730415571894272/unknown.png); /*Your friends icon*/ + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + Pentad Column: 304px + */ + /*[SERVER LISTING]*/ + /*The number of columns in your server listing.*/ + --server-listing-width: 72px; + + /*[FONT SIZE]*/ + --font-size: 100%; + + /*[MENTION COLORS]*/ + --mention-color: #931d334b; /*The color messages that mention you will highlight in*/ + --mention-sider: #931d337f; /*The small bar on the left of a message that mentions you*/ + --mention-hover-color: #931d335f; /*The color a mention highlight changes to when you hover over it*/ + + --category-hover-color: #2a4d355f; /*Color that categories change to when hovered over*/ + + --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ + + /*[VIDEO PLAYER]*/ + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + /*[USER POPOUTS]*/ + /*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)*/ + /*Similar to main theme settings.*/ + --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #8d1f20ff 95%), url(https://cdn.discordapp.com/attachments/817661056892665857/918731596075532338/IMG_4775.jpeg); + --small-user-popout-background-transparency: rgba(0,0,0, 0.4); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918731596419461140/christmas-anime-girl-2020.png); + --big-user-popout-background-transparency: rgba(49,15,34, 0.6); + --big-user-popout-background-image-position: center; + + /*[CODE BLOCKS]*/ + --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ + --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ + + --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*/ + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --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*/ + + /*[ADVANCED SETTINGS]*/ + /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #2a4d3589; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --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*/ + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #2a4d35; + --unread-text-channel-bubble-color: #2a4d35; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +/*Changes the way popout background images apply to account for any size mismatching.*/ +.root-3QyAh1 {background-size: cover;} /*Large popout*/ +.userPopout-xaxa6l {background-size: cover;} /*Small popout*/ + +/*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/AnimePack/AnimePack - The Ancient Magus' Bride.theme.css b/community/Wubzy's Themes/AnimePack/AnimePack - The Ancient Magus' Bride.theme.css new file mode 100644 index 00000000..9a3f060f --- /dev/null +++ b/community/Wubzy's Themes/AnimePack/AnimePack - The Ancient Magus' Bride.theme.css @@ -0,0 +1,140 @@ +/** +* @name AnimePack -> The Ancient Magus' Bride +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +/* + * ========================================= + * Created using Wubzy.xyz's theme generator + * Questions about the theme or generator? Bugs or suggestions? + * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY + * Feedback is always welcome! + * + * Hope you like your theme! ^^ + * ========================================= + */ + +/*Generated at Tue, 07 Dec 2021 05:33:54 GMT -> Generator version Beta - 1.1.3*/ + +:root { + + /*[MAIN THEME SETTINGS]*/ + /*Some important settings that will change the majority of your client.*/ + --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*/ + --main-theme-color: #43b581; /*The default theme color*/ + --theme-transparency: rgba(0, 0, 0, 0.6); /*The mask that applies over the background*/ + --home-icon-image: url(https://cdn.discordapp.com/attachments/497601208186306560/917649849686581278/unknown.png); /*Your friends icon*/ + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + Pentad Column: 304px + */ + /*[SERVER LISTING]*/ + /*The number of columns in your server listing.*/ + --server-listing-width: 72px; + + /*[FONT SIZE]*/ + --font-size: 100%; + + /*[MENTION COLORS]*/ + --mention-color: #b84d4d4b; /*The color messages that mention you will highlight in*/ + --mention-sider: #b84d4d7f; /*The small bar on the left of a message that mentions you*/ + --mention-hover-color: #b84d4d5f; /*The color a mention highlight changes to when you hover over it*/ + + --category-hover-color: #43b5815f; /*Color that categories change to when hovered over*/ + + --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ + + /*[VIDEO PLAYER]*/ + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + /*[USER POPOUTS]*/ + /*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)*/ + /*Similar to main theme settings.*/ + --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #041b2cff 105%), url(https://cdn.discordapp.com/attachments/497601208186306560/917620162662895646/0ddebb008443d40dc59feab9b1c1230d1db252d7.png); + --small-user-popout-background-transparency: rgba(0,0,0, 0.3); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/497601208186306560/917620699223437312/chise-and-Elias.png); + --big-user-popout-background-transparency: rgba(0,0,0, 0.7); + --big-user-popout-background-image-position: center; + + /*[CODE BLOCKS]*/ + --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ + --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ + + --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*/ + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --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*/ + + /*[ADVANCED SETTINGS]*/ + /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #43b58189; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --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*/ + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #b84d4d; + --unread-text-channel-bubble-color: #b84d4d; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +/*Changes the way popout background images apply to account for any size mismatching.*/ +.root-3QyAh1 {background-size: cover;} /*Large popout*/ +.userPopout-xaxa6l {background-size: cover;} /*Small popout*/ + +/*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/AnimePack/AnimePack Blue Sky.theme.css b/community/Wubzy's Themes/AnimePack/AnimePack Blue Sky.theme.css new file mode 100644 index 00000000..3002d679 --- /dev/null +++ b/community/Wubzy's Themes/AnimePack/AnimePack Blue Sky.theme.css @@ -0,0 +1,140 @@ +/** +* @name AnimePack Blue Sky +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +/* + * ========================================= + * Created using Wubzy.xyz's theme generator + * Questions about the theme or generator? Bugs or suggestions? + * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY + * Feedback is always welcome! + * + * Hope you like your theme! ^^ + * ========================================= + */ + +/*Generated at Sat, 14 Aug 2021 22:31:15 GMT -> Generator version Beta - 1.1.3*/ + +:root { + + /*[MAIN THEME SETTINGS]*/ + /*Some important settings that will change the majority of your client.*/ + --theme-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); /*The main image over your whole Discord client*/ + --main-theme-color: #79c9a7; /*The default theme color*/ + --theme-transparency: rgba(0, 0, 0, 0.6); /*The mask that applies over the background*/ + --home-icon-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876224380458385408/IMG_0191.jpg); /*Your friends icon*/ + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + Pentad Column: 304px + */ + /*[SERVER LISTING]*/ + /*The number of columns in your server listing.*/ + --server-listing-width: 72px; + + /*[FONT SIZE]*/ + --font-size: 100%; + + /*[MENTION COLORS]*/ + --mention-color: #79c9a74b; /*The color messages that mention you will highlight in*/ + --mention-sider: #79c9a77f; /*The small bar on the left of a message that mentions you*/ + --mention-hover-color: #79c9a75f; /*The color a mention highlight changes to when you hover over it*/ + + --category-hover-color: #79c9a75f; /*Color that categories change to when hovered over*/ + + --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ + + /*[VIDEO PLAYER]*/ + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + /*[USER POPOUTS]*/ + /*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)*/ + /*Similar to main theme settings.*/ + --small-user-popout-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); + --small-user-popout-background-transparency: rgba(0,0,0, 0.6); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/602726250523394068/876230975280021514/967e5a1e0d7078684ffc3fd1e4e64811.jpg); + --big-user-popout-background-transparency: rgba(0,0,0, 0.6); + --big-user-popout-background-image-position: center; + + /*[CODE BLOCKS]*/ + --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ + --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ + + --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*/ + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --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*/ + + /*[ADVANCED SETTINGS]*/ + /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #79c9a789; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --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*/ + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #79c9a7; + --unread-text-channel-bubble-color: #79c9a7; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +/*Changes the way popout background images apply to account for any size mismatching.*/ +.root-3QyAh1 {background-size: cover;} /*Large popout*/ +.userPopout-xaxa6l {background-size: cover;} /*Small popout*/ + +/*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/AnimePack/AnimePack FireForce 1.theme.css b/community/Wubzy's Themes/AnimePack/AnimePack FireForce 1.theme.css new file mode 100644 index 00000000..d67c9ce3 --- /dev/null +++ b/community/Wubzy's Themes/AnimePack/AnimePack FireForce 1.theme.css @@ -0,0 +1,108 @@ +/** +* @name AnimePack FireForce 1 +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +:root { + --theme-background-image: url(https://cdn.discordapp.com/attachments/827692054641508382/875043401979011112/image0.jpg); + --main-theme-color: #d93631; + --theme-transparency: rgba(0, 0, 0, 0.7); + --home-icon-image: url(https://media.discordapp.net/attachments/827737885112270859/868114178127306782/image1.png?width=731&height=676); + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + */ + --server-listing-width: 72px; + + --font-size: 100%; + --mention-color: #d936314b; + --mention-sider: #d936317f; + --mention-hover-color: #d936315f; + + --category-hover-color: #d936315f; + + --unread-server-animation: rainbow; + + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + --small-user-popout-background-image: url(https://cdn.discordapp.com/attachments/827692054641508382/875043401979011112/image0.jpg); + --small-user-popout-background-transparency: rgba(0,0,0, 0.7); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/827692054641508382/875043401979011112/image0.jpg); + --big-user-popout-background-transparency: rgba(0,0,0, 0.7); + --big-user-popout-background-image-position: center; + + --code-markup-background-color: rgba(0, 0, 0, 0.6); + --code-markup-border: 1px solid transparent; + + --message-box-transparency: rgba(0, 0, 0, 0.6); + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --message-hover-buttons-background: rgba(200, 200, 200, 0.1); + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #d9363189; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --new-messages-bar-background-color: var(--main-theme-color); + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #d93631; + --unread-text-channel-bubble-color: #d93631; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +.root-3QyAh1 {background-size: cover;} +.userPopout-xaxa6l {background-size: cover;} + +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/AnimePack/AnimePack Hot Tub.theme.css b/community/Wubzy's Themes/AnimePack/AnimePack Hot Tub.theme.css new file mode 100644 index 00000000..d727a64d --- /dev/null +++ b/community/Wubzy's Themes/AnimePack/AnimePack Hot Tub.theme.css @@ -0,0 +1,140 @@ +/** +* @name AnimePack Hot Tub +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +/* + * ========================================= + * Created using Wubzy.xyz's theme generator + * Questions about the theme or generator? Bugs or suggestions? + * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY + * Feedback is always welcome! + * + * Hope you like your theme! ^^ + * ========================================= + */ + +/*Generated at Mon, 25 Oct 2021 23:08:50 GMT -> Generator version Beta - 1.1.3*/ + +:root { + + /*[MAIN THEME SETTINGS]*/ + /*Some important settings that will change the majority of your client.*/ + --theme-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/902331899140251658/IMG_3754.png); /*The main image over your whole Discord client*/ + --main-theme-color: #1a80e9; /*The default theme color*/ + --theme-transparency: rgba(0, 0, 0, 0.7); /*The mask that applies over the background*/ + --home-icon-image: url(https://cdn.discordapp.com/attachments/893216972660162631/902332410488844288/unknown.png); /*Your friends icon*/ + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + Pentad Column: 304px + */ + /*[SERVER LISTING]*/ + /*The number of columns in your server listing.*/ + --server-listing-width: 72px; + + /*[FONT SIZE]*/ + --font-size: 100%; + + /*[MENTION COLORS]*/ + --mention-color: #1a80e94b; /*The color messages that mention you will highlight in*/ + --mention-sider: #1a80e97f; /*The small bar on the left of a message that mentions you*/ + --mention-hover-color: #1a80e95f; /*The color a mention highlight changes to when you hover over it*/ + + --category-hover-color: #1a80e95f; /*Color that categories change to when hovered over*/ + + --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ + + /*[VIDEO PLAYER]*/ + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + /*[USER POPOUTS]*/ + /*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)*/ + /*Similar to main theme settings.*/ + --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); + --small-user-popout-background-transparency: rgba(0,0,0, 0.6); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/868911750198751283/image0-5.gif); + --big-user-popout-background-transparency: rgba(0,0,0, 0.7); + --big-user-popout-background-image-position: center; + + /*[CODE BLOCKS]*/ + --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ + --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ + + --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*/ + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --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*/ + + /*[ADVANCED SETTINGS]*/ + /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #be6eba89; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --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*/ + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #be6eba; + --unread-text-channel-bubble-color: #be6eba; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +/*Changes the way popout background images apply to account for any size mismatching.*/ +.root-3QyAh1 {background-size: cover;} /*Large popout*/ +.userPopout-xaxa6l {background-size: cover;} /*Small popout*/ + +/*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/AnimePack/AnimePack Neon 2.theme.css b/community/Wubzy's Themes/AnimePack/AnimePack Neon 2.theme.css new file mode 100644 index 00000000..fda4979e --- /dev/null +++ b/community/Wubzy's Themes/AnimePack/AnimePack Neon 2.theme.css @@ -0,0 +1,108 @@ +/** +* @name AnimePack Neon 2 +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +:root { + --theme-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870822432246743040/village-street-neon-girl-umbrella-y6-2560x1440.png); + --main-theme-color: #5d60ca; + --theme-transparency: rgba(0, 0, 0, 0.6); + --home-icon-image: url(https://cdn.discordapp.com/attachments/497601208186306560/870824128947580978/unknown.png); + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + */ + --server-listing-width: 72px; + + --font-size: 100%; + --mention-color: #bd48e74b; + --mention-sider: #bd48e77f; + --mention-hover-color: #bd48e75f; + + --category-hover-color: #5d60ca5f; + + --unread-server-animation: rainbow; + + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + --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); + --small-user-popout-background-transparency: rgba(0,0,0, 0.63); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/869034932062810192/background.jpg); + --big-user-popout-background-transparency: rgba(0,0,0, 0.6); + --big-user-popout-background-image-position: center; + + --code-markup-background-color: rgba(0, 0, 0, 0.6); + --code-markup-border: 1px solid transparent; + + --message-box-transparency: rgba(0, 0, 0, 0.6); + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --message-hover-buttons-background: rgba(200, 200, 200, 0.1); + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #5d60ca89; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --new-messages-bar-background-color: var(--main-theme-color); + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #5d60ca; + --unread-text-channel-bubble-color: #5d60ca; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +.root-3QyAh1 {background-size: cover;} +.userPopout-xaxa6l {background-size: cover;} + +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/AnimePack/AnimePack Neon 3.theme.css b/community/Wubzy's Themes/AnimePack/AnimePack Neon 3.theme.css new file mode 100644 index 00000000..74574ff2 --- /dev/null +++ b/community/Wubzy's Themes/AnimePack/AnimePack Neon 3.theme.css @@ -0,0 +1,144 @@ +/** +* @name AnimePack Neon 4 +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +/* + * ========================================= + * Created using Wubzy.xyz's theme generator + * Questions about the theme or generator? Bugs or suggestions? + * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY + * Feedback is always welcome! + * + * Hope you like your theme! ^^ + * ========================================= + */ + +/*Generated at Tue, 21 Dec 2021 05:27:12 GMT -> Generator version Beta - 1.1.3*/ + +:root { + + /*[MAIN THEME SETTINGS]*/ + /*Some important settings that will change the majority of your client.*/ + --theme-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/922721105033191464/Bkf4hN7Wp31kGWxB_1.gif); /*The main image over your whole Discord client*/ + --main-theme-color: #bd48e7; /*The default theme color*/ + --theme-transparency: rgba(0, 0, 0, 0.7); /*The mask that applies over the background*/ + --home-icon-image: url(https://cdn.discordapp.com/attachments/817661056892665857/922732291829141554/IMG_5239.jpg); /*Your friends icon*/ + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + Pentad Column: 304px + */ + /*[SERVER LISTING]*/ + /*The number of columns in your server listing.*/ + --server-listing-width: 72px; + + /*[FONT SIZE]*/ + --font-size: 100%; + + /*[MENTION COLORS]*/ + --mention-color: #bd48e74b; /*The color messages that mention you will highlight in*/ + --mention-sider: #bd48e77f; /*The small bar on the left of a message that mentions you*/ + --mention-hover-color: #bd48e75f; /*The color a mention highlight changes to when you hover over it*/ + + --category-hover-color: #bd48e75f; /*Color that categories change to when hovered over*/ + + --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ + + /*[VIDEO PLAYER]*/ + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + /*[USER POPOUTS]*/ + /*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)*/ + /*Similar to main theme settings.*/ + --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); + --small-user-popout-background-transparency: rgba(0,0,0, 0.63); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/869034932062810192/background.jpg); + --big-user-popout-background-transparency: rgba(0,0,0, 0.6); + --big-user-popout-background-image-position: center; + + /*[CODE BLOCKS]*/ + --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ + --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ + + --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*/ + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --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*/ + + /*[ADVANCED SETTINGS]*/ + /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #bd48e789; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --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*/ + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #bd48e7; + --unread-text-channel-bubble-color: #bd48e7; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +/*Changes the way popout background images apply to account for any size mismatching.*/ +.root-3QyAh1 {background-size: cover;} /*Large popout*/ +.userPopout-xaxa6l {background-size: cover;} /*Small popout*/ +.appMount-3lHmkl { + background-size: 130%; + background-position-y: 52%; +} + +/*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/AnimePack/AnimePack PeacefulCat.theme.css b/community/Wubzy's Themes/AnimePack/AnimePack PeacefulCat.theme.css new file mode 100644 index 00000000..ce67a8da --- /dev/null +++ b/community/Wubzy's Themes/AnimePack/AnimePack PeacefulCat.theme.css @@ -0,0 +1,108 @@ +/** +* @name AnimePack Misc 1 PeacefulCat +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +:root { + --theme-background-image: url(https://cdn.discordapp.com/attachments/613029427684573184/690281355187453952/received_220837439290757.gif); + --main-theme-color: #ffc44f; + --theme-transparency: rgba(0, 0, 0, 0.7); + --home-icon-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870966756569645096/unknown.png); + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + */ + --server-listing-width: 72px; + + --font-size: 100%; + --mention-color: #ace1204b; + --mention-sider: #ace1207f; + --mention-hover-color: #ace1205f; + + --category-hover-color: #ffc44f5f; + + --unread-server-animation: rainbow; + + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + --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); + --small-user-popout-background-transparency: rgba(0,0,0, 0.55); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/613029427684573184/690281355187453952/received_220837439290757.gif); + --big-user-popout-background-transparency: rgba(0,0,0, 0.6); + --big-user-popout-background-image-position: center; + + --code-markup-background-color: rgba(0, 0, 0, 0.6); + --code-markup-border: 1px solid transparent; + + --message-box-transparency: rgba(0, 0, 0, 0.6); + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --message-hover-buttons-background: rgba(200, 200, 200, 0.1); + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #ace12089; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --new-messages-bar-background-color: var(--main-theme-color); + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #ffc44f; + --unread-text-channel-bubble-color: #ffc44f; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +.root-3QyAh1 {background-size: cover;} +.userPopout-xaxa6l {background-size: cover;} + +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/Homework Girl.theme.css b/community/Wubzy's Themes/Homework Girl.theme.css new file mode 100644 index 00000000..9b6a132f --- /dev/null +++ b/community/Wubzy's Themes/Homework Girl.theme.css @@ -0,0 +1,108 @@ +/** +* @name AnimePack Homework Girl 1 +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +:root { + --theme-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870973993631485982/lofi-wallpaper-21010623315740.png); + --main-theme-color: #592aa6; + --theme-transparency: rgba(0, 0, 0, 0.5); + --home-icon-image: url(https://cdn.discordapp.com/attachments/771177570754363393/871283012615168151/unknown.png); + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + */ + --server-listing-width: 72px; + + --font-size: 100%; + --mention-color: #6ddcf84b; + --mention-sider: #6ddcf87f; + --mention-hover-color: #6ddcf85f; + + --category-hover-color: #592aa65f; + + --unread-server-animation: rainbow; + + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + --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); + --small-user-popout-background-transparency: rgba(0,0,0, 0.4); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870973209435062272/548111-your-name.png); + --big-user-popout-background-transparency: rgba(0,0,0, 0.7); + --big-user-popout-background-image-position: center; + + --code-markup-background-color: rgba(0, 0, 0, 0.6); + --code-markup-border: 1px solid transparent; + + --message-box-transparency: rgba(0, 0, 0, 0.6); + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --message-hover-buttons-background: rgba(200, 200, 200, 0.1); + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #6ddcf889; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --new-messages-bar-background-color: var(--main-theme-color); + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #592aa6; + --unread-text-channel-bubble-color: #592aa6; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +.root-3QyAh1 {background-size: cover;} +.userPopout-xaxa6l {background-size: cover;} + +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/Lofi Christmas.theme.css b/community/Wubzy's Themes/Lofi Christmas.theme.css new file mode 100644 index 00000000..2d2a872f --- /dev/null +++ b/community/Wubzy's Themes/Lofi Christmas.theme.css @@ -0,0 +1,140 @@ +/** +* @name Lofi Christmas +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +/* + * ========================================= + * Created using Wubzy.xyz's theme generator + * Questions about the theme or generator? Bugs or suggestions? + * Join NotAnotherAnimeTheme's support server at https://discord.gg/FdZhbjY + * Feedback is always welcome! + * + * Hope you like your theme! ^^ + * ========================================= + */ + +/*Generated at Fri, 10 Dec 2021 05:13:39 GMT -> Generator version Beta - 1.1.3*/ + +:root { + + /*[MAIN THEME SETTINGS]*/ + /*Some important settings that will change the majority of your client.*/ + --theme-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918729505747644436/winter-lofi-girl-night.gif); /*The main image over your whole Discord client*/ + --main-theme-color: #2a4d35; /*The default theme color*/ + --theme-transparency: rgba(0, 0, 0, 0.6); /*The mask that applies over the background*/ + --home-icon-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918730415571894272/unknown.png); /*Your friends icon*/ + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + Pentad Column: 304px + */ + /*[SERVER LISTING]*/ + /*The number of columns in your server listing.*/ + --server-listing-width: 72px; + + /*[FONT SIZE]*/ + --font-size: 100%; + + /*[MENTION COLORS]*/ + --mention-color: #931d334b; /*The color messages that mention you will highlight in*/ + --mention-sider: #931d337f; /*The small bar on the left of a message that mentions you*/ + --mention-hover-color: #931d335f; /*The color a mention highlight changes to when you hover over it*/ + + --category-hover-color: #2a4d355f; /*Color that categories change to when hovered over*/ + + --unread-server-animation: rainbow; /*The color animation that appears over server icons with unreads. Best to leave this be.*/ + + /*[VIDEO PLAYER]*/ + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + /*[USER POPOUTS]*/ + /*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)*/ + /*Similar to main theme settings.*/ + --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #8d1f20ff 95%), url(https://cdn.discordapp.com/attachments/817661056892665857/918731596075532338/IMG_4775.jpeg); + --small-user-popout-background-transparency: rgba(0,0,0, 0.4); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: url(https://cdn.discordapp.com/attachments/817661056892665857/918731596419461140/christmas-anime-girl-2020.png); + --big-user-popout-background-transparency: rgba(49,15,34, 0.6); + --big-user-popout-background-image-position: center; + + /*[CODE BLOCKS]*/ + --code-markup-background-color: rgba(0, 0, 0, 0.6); /*Code blocks background color*/ + --code-markup-border: 1px solid transparent; /*An optional border around code blocks (defaults to transparent - or invisible)*/ + + --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*/ + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --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*/ + + /*[ADVANCED SETTINGS]*/ + /*This stuff is more on the advanced/nitty-gritty side. Most of the names are pretty self-explanatory.*/ + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #2a4d3589; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --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*/ + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #2a4d35; + --unread-text-channel-bubble-color: #2a4d35; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +/*Changes the way popout background images apply to account for any size mismatching.*/ +.root-3QyAh1 {background-size: cover;} /*Large popout*/ +.userPopout-xaxa6l {background-size: cover;} /*Small popout*/ + +/*Make the Channel Tabs plugin background invisible so it's flush with your theme's background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file diff --git a/community/Wubzy's Themes/NightLife Family/Defiant.theme.css b/community/Wubzy's Themes/NightLife Family/Defiant.theme.css new file mode 100644 index 00000000..ed5687dd --- /dev/null +++ b/community/Wubzy's Themes/NightLife Family/Defiant.theme.css @@ -0,0 +1,589 @@ +/** +* @name Defiant +* @author puckzxz#2080 +* @version 3.2 +* @description A custom theme made by WubzyGD#8766's theme generator at https://wubzy.xyz/util/theme based on Puckzxz's NotAnotherAnimeTheme +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +:root { + --theme-background-image: url(https://cdn.discordapp.com/attachments/867134094987231268/871282103902437386/M4-SOPMOD-II-Girls-Frontline-Wallpaper-1920x1080-81.jpg); + --main-theme-color: #0e1327; + --theme-transparency: rgba(0, 0, 0, 0.6); + --home-icon-image: url(https://cdn.discordapp.com/attachments/827692054641508382/871261422678573066/pfp10.png); + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + */ + --server-listing-width: 72px; + + --font-size: 100%; + --mention-color: #6c1e504b; + --mention-sider: #6c1e507f; + --mention-hover-color: #6c1e505f; + + --category-hover-color: #38445e5f; + + --unread-server-animation: rainbow; + + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + --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); + --small-user-popout-background-transparency: rgba(0,0,0, 0.7); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/868911750685294644/image0-4.gif); + --big-user-popout-background-transparency: rgba(0,0,0, 0.35); + --big-user-popout-background-image-position: center; + + --code-markup-background-color: rgba(0, 0, 0, 0.6); + --code-markup-border: 1px solid transparent; + + --message-box-transparency: rgba(0, 0, 0, 0.6); + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --message-hover-buttons-background: rgba(200, 200, 200, 0.1); + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #6c1e5089; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --new-messages-bar-background-color: var(--main-theme-color); + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #d5a692; + --unread-text-channel-bubble-color: #d5a692; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); + + + /*--------------------------*/ + /*========*/ + /*--------------------------*/ + + --primary-color: #0e1327; + --secondary-color: #6c1e50; + --accent-color: #d5a692; + --secondary-accent-color: #38445e; + --divider-color: #171717; +} + + +/*--------------------*/ +/*========*/ +/*--------------------*/ + +/*Side-scrolling gradient*/ +@keyframes gradient-move { + to { + background-position: 200% center; + } +} + +/*Drops an element into place*/ +@keyframes dropdown-title { + from {transform: translateY(-100vh);} + to {transform: translateY(0);} +} + +/*Fades between the two primary colors*/ +@keyframes server-name-pulse { + 0%, 100% { + color: var(--secondary-color); + } + 50% { + color: var(--primary-color); + } +} + +/*Alternates between the two alt colors*/ +@keyframes fast-alt-pulse { + 0%, 100% { + color: var(--secondary-accent-color); + } + 40% { + color: var(--accent-color); + } +} + + +/*--------------------*/ +/*========*/ +/*--------------------*/ + + +/*These lines fix popout background images to prevent tiling.*/ +.root-3QyAh1 {background-size: cover;} +.userPopout-xaxa6l {background-size: cover;} + +/*Make the Channel Tabs plugin background invisible so it's flush with the user background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} + + +/*[IMPORTANT GRADIENT]*/ +/*Sets the gradient for currently selected channel display, */ +.title-29uC1r, .input-2A_zIr, .header-2RyJ0Y{ + animation: dropdown-title 1.5s ease-in-out, gradient-move 2.5s linear infinite; + background: linear-gradient(to right, #6c1e50 20%, #171717 35%, #171717 35%, #6c1e50ae 50%, #6c1e50ae 50%, #0e1327 75%, #6c1e50 90%); + background-size: 200% auto; + color: #a172a6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Monsterrat", sans-serif; /*Remove this line if you want Discord's default font*/ +} + + +/*[GUILD SIDEBAR FADE]*/ +/*Fades the guild sidebar into the mention color on hover*/ +.guilds-1SWlCJ {transition: background-color 1s ease-in;} +.guilds-1SWlCJ:hover { + background-color: var(--mention-color); +} + + +/*[MENTION GRADIENT]*/ +/*Gives mentions a similar gradient to the name display gradients*/ +.mentioned-xhSam7 { + animation: gradient-move 10s linear infinite; + background: linear-gradient(to right, #6c1e503b 20%, #1717173b 35%, #1717173b 35%, #6c1e5076 50%, #6c1e5076 50%, #0e13273b 75%, #6c1e503b 90%); + background-size: 200% auto; +} + +/*Sets the highlight tone to increase opacity on mouseover*/ +.mentioned-xhSam7:hover { + animation: gradient-move 10s linear infinite; + background: linear-gradient(to right, #6c1e505b 20%, #1717175b 35%, #1717175b 35%, #6c1e5096 50%, #6c1e5096 50%, #0e13275b 75%, #6c1e505b 90%); + background-size: 200% auto; +} + + +/*[SERVER NAME PULSE]*/ +/*Gebtly pulses the top left display of the server name*/ +.name-1jkAdW { + animation: server-name-pulse 20s infinite; +} + + +/*[NITRO BOOST ICON]*/ +/*Colors the nitro boost icon next to the guild name display*/ +.flowerStar-1GeTsn { + animation: fast-alt-pulse 5s infinite; +} + + +/*[POPOUT AVATAR GRADIENT]*/ +/*Gives the avatars in popouts a smooth gradient rather than solid black*/ +/* !! If you're seeing misaligned avatars or the popouts look wacky in general, +/* !! Just comment out both of these class modifiers. */ +.avatar-37jOim, .avatar-AvHqJA { + border: none; background-color: none; + animation: fadeIn ease-in-out .5s, gradient-move 4s linear infinite; + border-radius: 50%; + background: linear-gradient(to right, #28618b 20%, #623368 60%, #28618b 100%); + padding: 6px; + background-size: 200% auto; +} +.avatar-37jOim > *, .avatar-AvHqJA > * {width: auto; height: auto;} /*Removes the CSS for discord's default avatar border*/ + + +/*[HOME LIST ICONS]*/ +/*Home, Freinds, and Stage Discovery icon colors in home page*/ +.linkButtonIcon-Mlm5d6 { + color: var(--secondary-accent-color); +} + + +/*[SMALL POPOUT TEXT]*/ +/*Gives color to the text dividers in user popout*/ +.aboutMeTitle-1IYtPE, .headerTextNormal-2mGWX3 { + color: var(--secondary-color); +} + +/*[POPOUT USERNAMES]*/ +/*Applies a gradient to small popout names and nicknames*/ +.nickname-3M3Jfa, .headerTagWithNickname-3l_x6x, .headerTagUsernameNoNickname-2-Y5Ct { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; + color: #a172a6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ +} + +/*Applies a gradient to big popout username*/ +.username-2b1r56 { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; + color: #a172a6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ + font-size: 1.2em; +} + +/*Applies a solid color to small popout discriminators*/ +.headerTagDiscriminatorNoNickname-D-AYUN { + color: var(--primary-color); +} + +/*Applies a pulse to small popout about me text and large popout discriminators*/ +.aboutMeBody-3GuvKk, .discriminator-1swucG { + animation: fast-alt-pulse 20s infinite; +} + + +/*[CHANNEL DISPLAY VC CONNECTED]*/ +/*Sets colors for voice channels you're connected to +/*(channel list display, not connect status at bottom of screen)*/ +.modeConnected-3IsKId .name-23GUGE { + color: var(--secondary-accent-color); +} + +.modeConnected-3IsKId:hover .name-23GUGE { + color: white; +} + + +/*[SERVER SIDEBAR HOVER POPOUT]*/ +/*[TOOLTIP POPOUT]*/ +/*The tooltips that displays when hovering over a server's icon in the left sidebar, +/*when hovering over mute/deafen icons, reply icons, etc.*/ +.theme-dark .tooltipPrimary-1d1ph4, .theme-dark .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK, .selected-bZ3Lue { + animation: gradient-move 5s linear infinite; + background: linear-gradient(to right, #6c1e50bb 20%, #171717bb 35%, #171717bb 35%, #6c1e50b6 50%, #6c1e50b6 50%, #0e1327bb 75%, #6c1e50bb 90%); + background-size: 200% auto; + font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ +} + +/*Changes text color for the popouts*/ +.guildNameText-3Zwx4p, .theme-dark .listItemTooltip-1JmWJ7 { + color: white; +} + + +/*[SPOTIFY PLUGIN TIMEBAR COLOR]*/ +/*If you have Better Discord's Spotify plugin, +/*this will set a gradient for the progress bar*/ +.barFill-Dhkah7 { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + +.barFill-Dhkah7:hover { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + +.barInner-3NDaY_ { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + + +/*[SETTINGS/MUTE/DEAFEN BUTTONS COLORS]*/ +/*[SPOTIFY PLUGIN BUTTON COLOR]*/ +/*Gives some buttons a pulse*/ +.button-14-BFJ, .button-3AYNKb { + animation: fast-alt-pulse 20s infinite; +} + + +/*[SPOTIFY LARGE COVER EDGE GRADIENT]*/ +/*Gives the maximized album cover a gradient similar to popout avatar*/ +.maximized-vv2Wr0 div div .cover-SwJ-ck { + border: none; background-color: none; + animation: fadeIn ease-in-out .5s, gradient-move 6s linear infinite; + background: linear-gradient(to right, #28618b 20%, #623368 60%, #28618b 100%); + padding: 6px; + background-size: 200% auto; + width: 224px; +} + +.maximized-vv2Wr0 div div .cover-SwJ-ck > * {width:auto; height: auto;} + + +/*[MENTIONS MENU]*/ +/*The menu that appears when typing a mention*/ +.scroller-lynW5A { + background-color: #3033668d; +} + +/*currently selected mention*/ +.theme-dark .selected-1Tbx07 { + background-color: var(--primary-color); +} + +/*allows transparency in the mentions menu*/ +.autocompleteInner-zh20B_.autocompleteInner-2mQ2AK { + background-color: #00000000; +} + +.theme-dark .autocomplete-1vrmpx { + background-color: #00000000; +} + + +/*[DEFAULT TEXT COLOR]*/ +/*changes message colors and some other colors*/ + +/*Uncomment to activate*/ +/*.theme-dark{ + --text-normal: var(--accent-color); +}*/ + + +/*[SCREENSHARE/VOICE CHAT BADGE]*/ +/*The badge that displays when hovering over a server that has people in a voice channel or screensharing*/ +.iconBadge-3qSJIw.participating-1NvRVd.iconBadge-2NuvG9.base-PmTxvP.baseShapeRound-1Mm1YW { + background-color: var(--accent-color); +} + + +/*[NEW SERVER MENU]*/ +/*Popout menu for adding new servers/creating them*/ +.container-1CE3eW { + background-color: var(--divider-color); +} + +.title-3w8xhj, .footerTitle-2CYZch > h3 { + color: white; +} + +.container-UC8Ug1 { + background-color: var(--secondary-accent-color); +} +.container-UC8Ug1:hover { + background-color: var(--accent-color); +} + +.theme-light .root-1gCeng { + background: transparent; +} + +.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV { + color: black; + font-weight: bold; + background-color: var(--accent-color); +} + + +/*[SETTINGS]*/ +/*Some colors for the settings*/ +.description-3_Ncsb, +.labelDescriptor-1PqHgD { + color: var(--accent-color); +} + +.marketingRefreshSubtitle-3jft-o { + color: var(--accent-color); +} + +.marketingRefreshSectionTier1-dRwS-6 { + color: var(--accent-color); +} + +.descriptionStandalone-3aMqwN { + color: var(--accent-color); +} + +.description-1W0DiL { + color: var(--accent-color); +} + +.defaultValue-3gC7yw .markValue-2DwdXI { + color: var(--accent-color); +} + +/*==Version Information==*/ +.colorMuted-HdFt4q { + animation: fast-alt-pulse 10s infinite; +} + +.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 { + color: var(--primary-color); +} + +.theme-dark .foreground-26ym5y { + animation: server-name-pulse 15s infinite; +} + +.item-26Dhrx, .item-26Dhrx:hover { + color: var(--secondary-color); +} + +.item-26Dhrx[aria-checked=true] { + color: var(--primary-color); +} + +.radioIconForeground-XwlXQN { + color: var(--primary-color); +} + +.barFill-23-gu- { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + + +.modeSelected-346R90 .name-23GUGE, .modeSelected-346R90:hover .name-23GUGE { + font-weight: bold; +} + +.mainContent-2h-GEV .container-2ax-kl { + font-weight: bold; +} + +.wrapper-PY0fhH.muted-2JBAyG:hover .icon-2yIBmh, .wrapper-PY0fhH.muted-2JBAyG:hover .name-3l27Hl, .wrapper-PY0fhH:hover .icon-2yIBmh, .wrapper-PY0fhH:hover .name-3l27Hl { + font-weight:bold; + visibility: visible; +} + + +.membersGroup-v9BXpm { + position: relative; + z-index: 2; + padding: 19px 8px 5px 16px; + text-align: center; + letter-spacing: 1px; + color: var(--accent-color); + /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ + border-bottom-width: 1px; + border-style: solid; + border-image: linear-gradient(to right, transparent 0%, transparent 10%, var(--secondary-accent-color), var(--secondary-accent-color), transparent 90%, transparent 100%) 1; +} + +.membersGroup-v9BXpm::after, +.membersGroup-v9BXpm::before { + content: ""; + position: absolute; + width: 50%; + height: 100%; + top: 0; + background-color: transparent; + z-index: -1 +} + + +@keyframes role-shadow-l { + 0%, 100% { + box-shadow: 80px 50px 50px 0 var(--primary-color); + } + 50% { + box-shadow: 80px 50px 50px 0 var(--secondary-color); + } +} + +@keyframes role-shadow-r { + 0%, 100% { + box-shadow: -80px 50px 50px 0 var(--primary-color); + } + 50% { + box-shadow: -80px 50px 50px 0 var(--secondary-color); + } +} + +.membersGroup-v9BXpm::before { + left: 0; + animation: role-shadow-l 5s infinite; +} + +.membersGroup-v9BXpm::after { + right: 0; + animation: role-shadow-r 5s infinite; +} + +.membersGroup-v9BXpm span { + text-shadow: 0 1px 5px #6c1e5045; +} + + +.name-3l27Hl { + position: relative; + z-index: 2; + text-align: left; + letter-spacing: 1px; + color: var(--primary-color); + /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ + border-bottom-width: 1px; + border-style: solid; + border-image: linear-gradient(to right, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; +} + +.name-3l27Hl::after, +.name-3l27Hl::before { + content: ""; + position: absolute; + width: 50%; + height: 100%; + top: 0; + background-color: transparent; + z-index: -1 +} + +.name-3l27Hl::before { + left: 0; + animation: role-shadow-l 5s infinite; +} + +.name-3l27Hl::after { + right: 0; + animation: role-shadow-r 5s infinite; +} + +.name-3l27Hl span { + text-shadow: 0 1px 5px #6c1e5045; +} \ No newline at end of file diff --git a/community/Wubzy's Themes/NightLife Family/Nightlife.theme.css b/community/Wubzy's Themes/NightLife Family/Nightlife.theme.css new file mode 100644 index 00000000..eedf0fb2 --- /dev/null +++ b/community/Wubzy's Themes/NightLife Family/Nightlife.theme.css @@ -0,0 +1,594 @@ +/** +* @name Nightlife +* @author WubzyGD#8766 +* @version 1.3 +* @description A nightlife neon-japanese anime aesthetic theme with lots of gradients and animations, and fully customizable. +* @invite FdZhbjY +*/ + +/*@import url('./Nightlife.source.css');*/ + + +/*Hi there, hope you enjoy using my CPU Inhaler*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap'); + +:root { + --theme-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/870822319411593226/neon-night-anime-girl-cat-r1.png); + --main-theme-color: #5d60ca; + --theme-transparency: rgba(0, 0, 0, 0.6); + --home-icon-image: url(https://cdn.discordapp.com/attachments/497601208186306560/870824128947580978/unknown.png); + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + */ + --server-listing-width: 72px; + + --font-size: 100%; + --mention-color: #af21884b; + --mention-sider: #af21887f; + --mention-hover-color: #af21881f; + + --category-hover-color: #5d60ca5f; + + --unread-server-animation: rainbow; + + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #390439ff 90%), url(https://cdn.discordapp.com/attachments/771177570754363393/870822145935155280/12XLXka.png); + --small-user-popout-background-transparency: rgba(0,0,0, 0.63); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/869034932062810192/background.jpg); + --big-user-popout-background-transparency: rgba(0,0,0, 0.6); + --big-user-popout-background-image-position: center; + + --code-markup-background-color: rgba(0, 0, 0, 0.6); + --code-markup-border: 1px solid transparent; + + --message-box-transparency: rgba(0, 0, 0, 0.6); + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --message-hover-buttons-background: rgba(200, 200, 200, 0.1); + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #5d60ca89; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --new-messages-bar-background-color: var(--main-theme-color); + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #5d60ca; + --unread-text-channel-bubble-color: #5d60ca; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); + + + /*--------------------------*/ + /*========*/ + /*--------------------------*/ + + --primary-color: #5d60ca; + --secondary-color: #af2188; + --accent-color: #b0f6ff; + --secondary-accent-color: #d1a1d6; + --divider-color: #171717; +} + + +/*--------------------*/ +/*========*/ +/*--------------------*/ + +/*Side-scrolling gradient*/ +@keyframes gradient-move { + to { + background-position: 200% center; + } +} + +/*Drops an element into place*/ +@keyframes dropdown-title { + from {transform: translateY(-100vh);} + to {transform: translateY(0);} +} + +/*Fades between the two primary colors*/ +@keyframes server-name-pulse { + 0%, 100% { + color: var(--secondary-color); + } + 50% { + color: var(--primary-color); + } +} + +/*Alternates between the two alt colors*/ +@keyframes fast-alt-pulse { + 0%, 100% { + color: var(--secondary-accent-color); + } + 40% { + color: var(--accent-color); + } +} + + +/*--------------------*/ +/*========*/ +/*--------------------*/ + + +/*These lines fix popout background images to prevent tiling.*/ +.root-3QyAh1 {background-size: cover;} +.userPopout-xaxa6l {background-size: cover;} + +/*Make the Channel Tabs plugin background invisible so it's flush with the user background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} + + +/*[IMPORTANT GRADIENT]*/ +/*Sets the gradient for currently selected channel display, */ +.title-29uC1r, .input-2A_zIr, .header-2RyJ0Y{ + animation: dropdown-title 1.5s ease-in-out, gradient-move 2.5s linear infinite; + background: linear-gradient(to right, #af2188 20%, #171717 35%, #171717 35%, #af2188ae 50%, #af2188ae 50%, #5d60ca 75%, #af2188 90%); + background-size: 200% auto; + color: #a172a6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Monsterrat", sans-serif; /*Remove this line if you want Discord's default font*/ +} + + +/*[GUILD SIDEBAR FADE]*/ +/*Fades the guild sidebar into the mention color on hover*/ +.guilds-1SWlCJ {transition: background-color 1s ease-in;} +.guilds-1SWlCJ:hover { + background-color: var(--mention-color); +} + + +/*[MENTION GRADIENT]*/ +/*Gives mentions a similar gradient to the name display gradients*/ +.mentioned-xhSam7 { + animation: gradient-move 10s linear infinite; + background: linear-gradient(to right, #af21883b 20%, #1717173b 35%, #1717173b 35%, #af218876 50%, #af218876 50%, #5d60ca3b 75%, #af21883b 90%); + background-size: 200% auto; +} + +/*Sets the highlight tone to increase opacity on mouseover*/ +.mentioned-xhSam7:hover { + animation: gradient-move 10s linear infinite; + background: linear-gradient(to right, #af21885b 20%, #1717175b 35%, #1717175b 35%, #af218896 50%, #af218896 50%, #5d60ca5b 75%, #af21885b 90%); + background-size: 200% auto; +} + + +/*[SERVER NAME PULSE]*/ +/*Gently pulses the top left display of the server name*/ +.name-1jkAdW { + animation: server-name-pulse 20s infinite; +} + + +/*[NITRO BOOST ICON]*/ +/*Colors the nitro boost icon next to the guild name display*/ +.flowerStar-1GeTsn { + animation: fast-alt-pulse 5s infinite; +} + + +/*[POPOUT AVATAR GRADIENT]*/ +/*Gives the avatars in popouts a smooth gradient rather than solid black*/ +/* !! If you're seeing misaligned avatars or the popouts look wacky in general, +/* !! Just comment out both of these class modifiers. */ +.avatar-37jOim, .avatar-AvHqJA { + border: none; background-color: none; + animation: fadeIn ease-in-out .5s, gradient-move 4s linear infinite; + border-radius: 50%; + background: linear-gradient(to right, rgb(92, 18, 72) 20%, rgb(60, 62, 131) 60%, rgb(92, 18, 72) 100%); + padding: 6px; + background-size: 200% auto; +} +.avatar-37jOim > *, .avatar-AvHqJA > * {width: auto; height: auto;} /*Removes the CSS for discord's default avatar border*/ + + +/*[HOME LIST ICONS]*/ +/*Home, Freinds, and Stage Discovery icon colors in home page*/ +.linkButtonIcon-Mlm5d6 { + color: var(--secondary-accent-color); +} + + +/*[SMALL POPOUT TEXT]*/ +/*Gives color to the text dividers in user popout*/ +.aboutMeTitle-1IYtPE, .headerTextNormal-2mGWX3 { + color: var(--secondary-color); +} + +/*[POPOUT USERNAMES]*/ +/*Applies a gradient to small popout names and nicknames*/ +.nickname-3M3Jfa, .headerTagWithNickname-3l_x6x, .headerTagUsernameNoNickname-2-Y5Ct { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; + color: #a172a6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ +} + +/*Applies a gradient to big popout username*/ +.username-2b1r56 { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; + color: #a172a6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ + font-size: 1.2em; +} + +/*Applies a solid color to small popout discriminators*/ +.headerTagDiscriminatorNoNickname-D-AYUN { + color: var(--primary-color); +} + +/*Applies a pulse to small popout about me text and large popout discriminators*/ +.aboutMeBody-3GuvKk, .discriminator-1swucG { + animation: fast-alt-pulse 20s infinite; +} + + +/*[CHANNEL DISPLAY VC CONNECTED]*/ +/*Sets colors for voice channels you're connected to +/*(channel list display, not connect status at bottom of screen)*/ +.modeConnected-3IsKId .name-23GUGE { + color: var(--secondary-accent-color); +} + +.modeConnected-3IsKId:hover .name-23GUGE { + color: white; +} + + +/*[SERVER SIDEBAR HOVER POPOUT]*/ +/*[TOOLTIP POPOUT]*/ +/*The tooltips that displays when hovering over a server's icon in the left sidebar, +/*when hovering over mute/deafen icons, reply icons, etc.*/ +.theme-dark .tooltipPrimary-1d1ph4, .theme-dark .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK, .selected-bZ3Lue { + animation: gradient-move 5s linear infinite; + background: linear-gradient(to right, #af2188bb 20%, #171717bb 35%, #171717bb 35%, #af2188b6 50%, #af2188b6 50%, #5d60cabb 75%, #af2188bb 90%); + background-size: 200% auto; + font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ +} + +/*Changes text color for the popouts*/ +.guildNameText-3Zwx4p, .theme-dark .listItemTooltip-1JmWJ7 { + color: white; +} + + +/*[SPOTIFY PLUGIN TIMEBAR COLOR]*/ +/*If you have Better Discord's Spotify plugin, +/*this will set a gradient for the progress bar*/ +.barFill-Dhkah7 { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + +.barFill-Dhkah7:hover { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + +.barInner-3NDaY_ { /*Adds a gradient to the one in users' statuses*/ + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + + +/*[SETTINGS/MUTE/DEAFEN BUTTONS COLORS]*/ +/*[SPOTIFY PLUGIN BUTTON COLOR]*/ +/*Gives some buttons a pulse*/ +.button-14-BFJ, .button-3AYNKb { + animation: fast-alt-pulse 20s infinite; +} + + +/*[SPOTIFY LARGE COVER EDGE GRADIENT]*/ +/*Gives the maximized album cover a gradient similar to popout avatar*/ +.maximized-vv2Wr0 div div .cover-SwJ-ck { + border: none; background-color: none; + animation: fadeIn ease-in-out .5s, gradient-move 6s linear infinite; + background: linear-gradient(to right, rgb(92, 18, 72) 20%, rgb(60, 62, 131) 60%, rgb(92, 18, 72) 100%); + padding: 6px; + background-size: 200% auto; + width: 224px; +} + +.maximized-vv2Wr0 div div .cover-SwJ-ck > * {width:auto; height: auto;} + + +/*[MENTIONS MENU]*/ +/*The menu that appears when typing a mention*/ +.scroller-lynW5A { + background-color: #3033668d; +} + +/*currently selected mention*/ +.theme-dark .selected-1Tbx07 { + background-color: var(--primary-color); +} + +/*allows transparency in the mentions menu*/ +.autocompleteInner-zh20B_.autocompleteInner-2mQ2AK { + background-color: #00000000; +} + +.theme-dark .autocomplete-1vrmpx { + background-color: #00000000; +} + + +/*[DEFAULT TEXT COLOR]*/ +/*changes message colors and some other colors*/ + +/*Uncomment to activate*/ +/*.theme-dark{ + --text-normal: var(--accent-color); +}*/ + + +/*[SCREENSHARE/VOICE CHAT BADGE]*/ +/*The badge that displays when hovering over a server that has people in a voice channel or screensharing*/ +.iconBadge-3qSJIw.participating-1NvRVd.iconBadge-2NuvG9.base-PmTxvP.baseShapeRound-1Mm1YW { + background-color: var(--accent-color); +} + + +/*[NEW SERVER MENU]*/ +/*Popout menu for adding new servers/creating them*/ +.container-1CE3eW { + background-color: var(--divider-color); +} + +.title-3w8xhj, .footerTitle-2CYZch > h3 { + color: white; +} + +.container-UC8Ug1 { + background-color: var(--secondary-accent-color); +} +.container-UC8Ug1:hover { + background-color: var(--accent-color); +} + +.theme-light .root-1gCeng { + background: transparent; +} + +.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV { + color: black; + font-weight: bold; + background-color: var(--accent-color); +} + + +/*[SETTINGS]*/ +/*Some colors for the settings*/ +.description-3_Ncsb, +.labelDescriptor-1PqHgD { + color: var(--accent-color); +} + +.marketingRefreshSubtitle-3jft-o { + color: var(--accent-color); +} + +.marketingRefreshSectionTier1-dRwS-6 { + color: var(--accent-color); +} + +.descriptionStandalone-3aMqwN { + color: var(--accent-color); +} + +.description-1W0DiL { + color: var(--accent-color); +} + +.defaultValue-3gC7yw .markValue-2DwdXI { + color: var(--accent-color); +} + +/*==Version Information==*/ +.colorMuted-HdFt4q { + animation: fast-alt-pulse 10s infinite; +} + +.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 { + color: var(--primary-color); +} + +.theme-dark .foreground-26ym5y { + animation: server-name-pulse 15s infinite; +} + +.item-26Dhrx, .item-26Dhrx:hover { + color: var(--secondary-color); +} + +.item-26Dhrx[aria-checked=true] { + color: var(--primary-color); +} + +.radioIconForeground-XwlXQN { + color: var(--primary-color); +} + +.barFill-23-gu- { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + + +.modeSelected-346R90 .name-23GUGE, .modeSelected-346R90:hover .name-23GUGE { + font-weight: bold; +} + +.mainContent-2h-GEV .container-2ax-kl { + font-weight: bold; +} + +.wrapper-PY0fhH.muted-2JBAyG:hover .icon-2yIBmh, .wrapper-PY0fhH.muted-2JBAyG:hover .name-3l27Hl, .wrapper-PY0fhH:hover .icon-2yIBmh, .wrapper-PY0fhH:hover .name-3l27Hl { + font-weight:bold; + visibility: visible; +} + + +.membersGroup-v9BXpm { + position: relative; + z-index: 2; + padding: 19px 8px 5px 16px; + text-align: center; + letter-spacing: 1px; + color: var(--primary-color); + /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ + border-bottom-width: 1px; + border-style: solid; + border-image: linear-gradient(to right, transparent 0%, transparent 10%, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; +} + +.membersGroup-v9BXpm::after, +.membersGroup-v9BXpm::before { + content: ""; + position: absolute; + width: 50%; + height: 100%; + top: 0; + background-color: transparent; + z-index: -1 +} + + +@keyframes role-shadow-l { + 0%, 100% { + box-shadow: 80px 50px 50px 0 var(--primary-color); + } + 50% { + box-shadow: 80px 50px 50px 0 var(--secondary-color); + } +} + +@keyframes role-shadow-r { + 0%, 100% { + box-shadow: -80px 50px 50px 0 var(--primary-color); + } + 50% { + box-shadow: -80px 50px 50px 0 var(--secondary-color); + } +} + +.membersGroup-v9BXpm::before { + left: 0; + animation: role-shadow-l 5s infinite; +} + +.membersGroup-v9BXpm::after { + right: 0; + animation: role-shadow-r 5s infinite; +} + +.membersGroup-v9BXpm span { + text-shadow: 0 1px 5px #af218845; +} + + +.name-3l27Hl { + position: relative; + z-index: 2; + text-align: left; + letter-spacing: 1px; + color: var(--primary-color); + /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ + border-bottom-width: 1px; + border-style: solid; + border-image: linear-gradient(to right, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; +} + +.name-3l27Hl::after, +.name-3l27Hl::before { + content: ""; + position: absolute; + width: 50%; + height: 100%; + top: 0; + background-color: transparent; + z-index: -1 +} + +.name-3l27Hl::before { + left: 0; + animation: role-shadow-l 5s infinite; +} + +.name-3l27Hl::after { + right: 0; + animation: role-shadow-r 5s infinite; +} + +.name-3l27Hl span { + text-shadow: 0 1px 5px #af218845; +} \ No newline at end of file diff --git a/community/Wubzy's Themes/NightLife Family/Whistful.theme.css b/community/Wubzy's Themes/NightLife Family/Whistful.theme.css new file mode 100644 index 00000000..c34adcf1 --- /dev/null +++ b/community/Wubzy's Themes/NightLife Family/Whistful.theme.css @@ -0,0 +1,589 @@ +/** +* @name Whistful +* @author WubzyGD#8766 +* @version 1.0 +* @description A cotton candy/cherry blossom blue sky vibe +* @invite FdZhbjY +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap'); + +:root { + --theme-background-image: url(https://cdn.discordapp.com/attachments/867134094987231268/871282106620321872/1395861.jpg); + --main-theme-color: #b65cc0; + --theme-transparency: rgba(0, 0, 0, 0.7); + --home-icon-image: url(https://cdn.discordapp.com/attachments/771177570754363393/871283012615168151/unknown.png); + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + */ + --server-listing-width: 72px; + + --font-size: 100%; + --mention-color: #3a97dc4b; + --mention-sider: #3a97dc7f; + --mention-hover-color: #3a97dc1f; + + --category-hover-color: #b65cc05f; + + --unread-server-animation: rainbow; + + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + --small-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #b65cc0ff 125%), url(https://cdn.discordapp.com/attachments/867134094987231268/871282106620321872/1395861.jpg); + --small-user-popout-background-transparency: rgba(0,0,0, 0.7); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #171717ff 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/868911749519253604/image1-4.gif); + --big-user-popout-background-transparency: rgba(0,0,0, 0.35); + --big-user-popout-background-image-position: center; + + --code-markup-background-color: rgba(0, 0, 0, 0.6); + --code-markup-border: 1px solid transparent; + + --message-box-transparency: rgba(0, 0, 0, 0.6); + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --message-hover-buttons-background: rgba(200, 200, 200, 0.1); + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #3a97dc89; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --new-messages-bar-background-color: var(--main-theme-color); + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #b65cc0; + --unread-text-channel-bubble-color: #b65cc0; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); + + + /*--------------------------*/ + /*========*/ + /*--------------------------*/ + + --primary-color: #b65cc0; + --secondary-color: #3a97dc; + --accent-color: #b0f6ff; + --secondary-accent-color: #d1a1d6; + --divider-color: #171717; +} + + +/*--------------------*/ +/*========*/ +/*--------------------*/ + +/*Side-scrolling gradient*/ +@keyframes gradient-move { + to { + background-position: 200% center; + } +} + +/*Drops an element into place*/ +@keyframes dropdown-title { + from {transform: translateY(-100vh);} + to {transform: translateY(0);} +} + +/*Fades between the two primary colors*/ +@keyframes server-name-pulse { + 0%, 100% { + color: var(--secondary-color); + } + 50% { + color: var(--primary-color); + } +} + +/*Alternates between the two alt colors*/ +@keyframes fast-alt-pulse { + 0%, 100% { + color: var(--secondary-accent-color); + } + 40% { + color: var(--accent-color); + } +} + + +/*--------------------*/ +/*========*/ +/*--------------------*/ + + +/*These lines fix popout background images to prevent tiling.*/ +.root-3QyAh1 {background-size: cover;} +.userPopout-xaxa6l {background-size: cover;} + +/*Make the Channel Tabs plugin background invisible so it's flush with the user background*/ +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} + + +/*[IMPORTANT GRADIENT]*/ +/*Sets the gradient for currently selected channel display, */ +.title-29uC1r, .input-2A_zIr, .header-2RyJ0Y{ + animation: dropdown-title 1.5s ease-in-out, gradient-move 2.5s linear infinite; + background: linear-gradient(to right, #3a97dc 20%, #171717 35%, #171717 35%, #3a97dcae 50%, #3a97dcae 50%, #b65cc0 75%, #3a97dc 90%); + background-size: 200% auto; + color: #a172a6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Monsterrat", sans-serif; /*Remove this line if you want Discord's default font*/ +} + + +/*[GUILD SIDEBAR FADE]*/ +/*Fades the guild sidebar into the mention color on hover*/ +.guilds-1SWlCJ {transition: background-color 1s ease-in;} +.guilds-1SWlCJ:hover { + background-color: var(--mention-color); +} + + +/*[MENTION GRADIENT]*/ +/*Gives mentions a similar gradient to the name display gradients*/ +.mentioned-xhSam7 { + animation: gradient-move 10s linear infinite; + background: linear-gradient(to right, #3a97dc3b 20%, #1717173b 35%, #1717173b 35%, #3a97dc76 50%, #3a97dc76 50%, #b65cc03b 75%, #3a97dc3b 90%); + background-size: 200% auto; +} + +/*Sets the highlight tone to increase opacity on mouseover*/ +.mentioned-xhSam7:hover { + animation: gradient-move 10s linear infinite; + background: linear-gradient(to right, #3a97dc5b 20%, #1717175b 35%, #1717175b 35%, #3a97dc96 50%, #3a97dc96 50%, #b65cc05b 75%, #3a97dc5b 90%); + background-size: 200% auto; +} + + +/*[SERVER NAME PULSE]*/ +/*Gebtly pulses the top left display of the server name*/ +.name-1jkAdW { + animation: server-name-pulse 20s infinite; +} + + +/*[NITRO BOOST ICON]*/ +/*Colors the nitro boost icon next to the guild name display*/ +.flowerStar-1GeTsn { + animation: fast-alt-pulse 5s infinite; +} + + +/*[POPOUT AVATAR GRADIENT]*/ +/*Gives the avatars in popouts a smooth gradient rather than solid black*/ +/* !! If you're seeing misaligned avatars or the popouts look wacky in general, +/* !! Just comment out both of these class modifiers. */ +.avatar-37jOim, .avatar-AvHqJA { + border: none; background-color: none; + animation: fadeIn ease-in-out .5s, gradient-move 4s linear infinite; + border-radius: 50%; + background: linear-gradient(to right, #28618b 20%, #623368 60%, #28618b 100%); + padding: 6px; + background-size: 200% auto; +} +.avatar-37jOim > *, .avatar-AvHqJA > * {width: auto; height: auto;} /*Removes the CSS for discord's default avatar border*/ + + +/*[HOME LIST ICONS]*/ +/*Home, Freinds, and Stage Discovery icon colors in home page*/ +.linkButtonIcon-Mlm5d6 { + color: var(--secondary-accent-color); +} + + +/*[SMALL POPOUT TEXT]*/ +/*Gives color to the text dividers in user popout*/ +.aboutMeTitle-1IYtPE, .headerTextNormal-2mGWX3 { + color: var(--secondary-color); +} + +/*[POPOUT USERNAMES]*/ +/*Applies a gradient to small popout names and nicknames*/ +.nickname-3M3Jfa, .headerTagWithNickname-3l_x6x, .headerTagUsernameNoNickname-2-Y5Ct { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; + color: #a172a6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ +} + +/*Applies a gradient to big popout username*/ +.username-2b1r56 { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; + color: #a172a6; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ + font-size: 1.2em; +} + +/*Applies a solid color to small popout discriminators*/ +.headerTagDiscriminatorNoNickname-D-AYUN { + color: var(--primary-color); +} + +/*Applies a pulse to small popout about me text and large popout discriminators*/ +.aboutMeBody-3GuvKk, .discriminator-1swucG { + animation: fast-alt-pulse 20s infinite; +} + + +/*[CHANNEL DISPLAY VC CONNECTED]*/ +/*Sets colors for voice channels you're connected to +/*(channel list display, not connect status at bottom of screen)*/ +.modeConnected-3IsKId .name-23GUGE { + color: var(--secondary-accent-color); +} + +.modeConnected-3IsKId:hover .name-23GUGE { + color: white; +} + + +/*[SERVER SIDEBAR HOVER POPOUT]*/ +/*[TOOLTIP POPOUT]*/ +/*The tooltips that displays when hovering over a server's icon in the left sidebar, +/*when hovering over mute/deafen icons, reply icons, etc.*/ +.theme-dark .tooltipPrimary-1d1ph4, .theme-dark .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK, .selected-bZ3Lue { + animation: gradient-move 5s linear infinite; + background: linear-gradient(to right, #3a97dcbb 20%, #171717bb 35%, #171717bb 35%, #3a97dcb6 50%, #3a97dcb6 50%, #b65cc0bb 75%, #3a97dcbb 90%); + background-size: 200% auto; + font-family: "Nunito", sans-serif; /*Remove this line if you want Discord's default font*/ +} + +/*Changes text color for the popouts*/ +.guildNameText-3Zwx4p, .theme-dark .listItemTooltip-1JmWJ7 { + color: white; +} + + +/*[SPOTIFY PLUGIN TIMEBAR COLOR]*/ +/*If you have Better Discord's Spotify plugin, +/*this will set a gradient for the progress bar*/ +.barFill-Dhkah7 { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + +.barFill-Dhkah7:hover { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + +.barInner-3NDaY_ { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + + +/*[SETTINGS/MUTE/DEAFEN BUTTONS COLORS]*/ +/*[SPOTIFY PLUGIN BUTTON COLOR]*/ +/*Gives some buttons a pulse*/ +.button-14-BFJ, .button-3AYNKb { + animation: fast-alt-pulse 20s infinite; +} + + +/*[SPOTIFY LARGE COVER EDGE GRADIENT]*/ +/*Gives the maximized album cover a gradient similar to popout avatar*/ +.maximized-vv2Wr0 div div .cover-SwJ-ck { + border: none; background-color: none; + animation: fadeIn ease-in-out .5s, gradient-move 6s linear infinite; + background: linear-gradient(to right, #28618b 20%, #623368 60%, #28618b 100%); + padding: 6px; + background-size: 200% auto; + width: 224px; +} + +.maximized-vv2Wr0 div div .cover-SwJ-ck > * {width:auto; height: auto;} + + +/*[MENTIONS MENU]*/ +/*The menu that appears when typing a mention*/ +.scroller-lynW5A { + background-color: #3033668d; +} + +/*currently selected mention*/ +.theme-dark .selected-1Tbx07 { + background-color: var(--primary-color); +} + +/*allows transparency in the mentions menu*/ +.autocompleteInner-zh20B_.autocompleteInner-2mQ2AK { + background-color: #00000000; +} + +.theme-dark .autocomplete-1vrmpx { + background-color: #00000000; +} + + +/*[DEFAULT TEXT COLOR]*/ +/*changes message colors and some other colors*/ + +/*Uncomment to activate*/ +/*.theme-dark{ + --text-normal: var(--accent-color); +}*/ + + +/*[SCREENSHARE/VOICE CHAT BADGE]*/ +/*The badge that displays when hovering over a server that has people in a voice channel or screensharing*/ +.iconBadge-3qSJIw.participating-1NvRVd.iconBadge-2NuvG9.base-PmTxvP.baseShapeRound-1Mm1YW { + background-color: var(--accent-color); +} + + +/*[NEW SERVER MENU]*/ +/*Popout menu for adding new servers/creating them*/ +.container-1CE3eW { + background-color: var(--divider-color); +} + +.title-3w8xhj, .footerTitle-2CYZch > h3 { + color: white; +} + +.container-UC8Ug1 { + background-color: var(--secondary-accent-color); +} +.container-UC8Ug1:hover { + background-color: var(--accent-color); +} + +.theme-light .root-1gCeng { + background: transparent; +} + +.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV { + color: black; + font-weight: bold; + background-color: var(--accent-color); +} + + +/*[SETTINGS]*/ +/*Some colors for the settings*/ +.description-3_Ncsb, +.labelDescriptor-1PqHgD { + color: var(--accent-color); +} + +.marketingRefreshSubtitle-3jft-o { + color: var(--accent-color); +} + +.marketingRefreshSectionTier1-dRwS-6 { + color: var(--accent-color); +} + +.descriptionStandalone-3aMqwN { + color: var(--accent-color); +} + +.description-1W0DiL { + color: var(--accent-color); +} + +.defaultValue-3gC7yw .markValue-2DwdXI { + color: var(--accent-color); +} + +/*==Version Information==*/ +.colorMuted-HdFt4q { + animation: fast-alt-pulse 10s infinite; +} + +.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 { + color: var(--primary-color); +} + +.theme-dark .foreground-26ym5y { + animation: server-name-pulse 15s infinite; +} + +.item-26Dhrx, .item-26Dhrx:hover { + color: var(--secondary-color); +} + +.item-26Dhrx[aria-checked=true] { + color: var(--primary-color); +} + +.radioIconForeground-XwlXQN { + color: var(--primary-color); +} + +.barFill-23-gu- { + animation: gradient-move 5s linear infinite; + 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%); + background-size: 200% auto; +} + + +.modeSelected-346R90 .name-23GUGE, .modeSelected-346R90:hover .name-23GUGE { + font-weight: bold; +} + +.mainContent-2h-GEV .container-2ax-kl { + font-weight: bold; +} + +.wrapper-PY0fhH.muted-2JBAyG:hover .icon-2yIBmh, .wrapper-PY0fhH.muted-2JBAyG:hover .name-3l27Hl, .wrapper-PY0fhH:hover .icon-2yIBmh, .wrapper-PY0fhH:hover .name-3l27Hl { + font-weight:bold; + visibility: visible; +} + + +.membersGroup-v9BXpm { + position: relative; + z-index: 2; + padding: 19px 8px 5px 16px; + text-align: center; + letter-spacing: 1px; + color: var(--primary-color); + /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ + border-bottom-width: 1px; + border-style: solid; + border-image: linear-gradient(to right, transparent 0%, transparent 10%, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; +} + +.membersGroup-v9BXpm::after, +.membersGroup-v9BXpm::before { + content: ""; + position: absolute; + width: 50%; + height: 100%; + top: 0; + background-color: transparent; + z-index: -1 +} + + +@keyframes role-shadow-l { + 0%, 100% { + box-shadow: 80px 50px 50px 0 var(--primary-color); + } + 50% { + box-shadow: 80px 50px 50px 0 var(--secondary-color); + } +} + +@keyframes role-shadow-r { + 0%, 100% { + box-shadow: -80px 50px 50px 0 var(--primary-color); + } + 50% { + box-shadow: -80px 50px 50px 0 var(--secondary-color); + } +} + +.membersGroup-v9BXpm::before { + left: 0; + animation: role-shadow-l 5s infinite; +} + +.membersGroup-v9BXpm::after { + right: 0; + animation: role-shadow-r 5s infinite; +} + +.membersGroup-v9BXpm span { + text-shadow: 0 1px 5px #3a97dc45; +} + + +.name-3l27Hl { + position: relative; + z-index: 2; + text-align: left; + letter-spacing: 1px; + color: var(--primary-color); + /*==This will overlap the function of coloring the Member List Categories of the class .container-2ax-kl==*/ + border-bottom-width: 1px; + border-style: solid; + border-image: linear-gradient(to right, var(--primary-color), var(--primary-color), transparent 90%, transparent 100%) 1; +} + +.name-3l27Hl::after, +.name-3l27Hl::before { + content: ""; + position: absolute; + width: 50%; + height: 100%; + top: 0; + background-color: transparent; + z-index: -1 +} + +.name-3l27Hl::before { + left: 0; + animation: role-shadow-l 5s infinite; +} + +.name-3l27Hl::after { + right: 0; + animation: role-shadow-r 5s infinite; +} + +.name-3l27Hl span { + text-shadow: 0 1px 5px #3a97dc45; +} \ No newline at end of file diff --git a/community/Wubzy's Themes/README.md b/community/Wubzy's Themes/README.md new file mode 100644 index 00000000..5b793682 --- /dev/null +++ b/community/Wubzy's Themes/README.md @@ -0,0 +1,23 @@ +# Wubzy's Themes + +![Wubzy's PFP](https://cdn.discordapp.com/attachments/771177570754363393/925541477436755998/20200828_231815.gif?size=1024) + +## Anime Pack + +The Anime Pack is an ever-growing collection of anime-based themes, each with their own unique set of colors and backgrounds. + +You can find these themes, obviously, in the AnimePack folder. A .zip version is also available. + +## NightLife Family + +The NightLife theme is an *extremely* heavily customized version of NotAnotherAnimeTheme that gives the Discord client +a heavily gradiented and highly aesthetic Neon look. This folder contains 3 themes. Defiant and Whistful are re-colored clones of +NightLife, with Whistful being a cotton-candy-flavored cheery theme, and Defiant having a darker aesthetic. + +> *say goodbye to your CPU though* + +## Other Themes + +- AMOLED: A theme that skins the majority of the Discord client to be black +- Wubzy: A theme based off of my website: [wubzy.xyz](https://wubzy.xyz) +- Homework Girl/Lofi Christmas: Lofi girl gif-based themes diff --git a/community/Wubzy's Themes/Wubzy.theme.css b/community/Wubzy's Themes/Wubzy.theme.css new file mode 100644 index 00000000..8f9b604c --- /dev/null +++ b/community/Wubzy's Themes/Wubzy.theme.css @@ -0,0 +1,109 @@ +/** +* @name AnimePack Wubzy 1 +* @author WubzyGD#8766 and puckzxz#2080 +* @version 2.1 +* @description Based on https://wubzy.xyz, an umbrella-in-the-rain, low neon night vibe theme. +* @invite FdZhbjY +* @source https://github.com/puckzxz/NotAnotherAnimeTheme +* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css +*/ + +@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css); + +:root { + --theme-background-image: url(https://cdn.discordapp.com/attachments/771177570754363393/869034932062810192/background.jpg); + --main-theme-color: #a172a6; + --theme-transparency: rgba(0, 0, 0, 0.6); + --home-icon-image: url(https://cdn.discordapp.com/attachments/771177570754363393/868903715095056445/hatsuhapp-e.gif); + --home-icon-image-position: center center; + --home-icon-image-zoom: 100%; + + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + */ + --server-listing-width: 72px; + + --font-size: 100%; + --mention-color: #d0faeb4b; + --mention-sider: #d0faeb7f; + --mention-hover-color: #d0faeb5f; + + --category-hover-color: #a172a65f; + + --unread-server-animation: rainbow; + + --video-screen-button-background-color: rgba(200, 200, 200, 0.2); + --video-screen-button-foreground-color: white; + --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4); + --video-screen-button-foreground-hovor-color: white; + + --member-listing-role-color: var(--main-theme-color); + + --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); + --small-user-popout-background-transparency: rgba(0,0,0, 0.5); + --small-user-popout-background-image-position: center; + + --big-user-popout-background-image: linear-gradient(to bottom, #00000000 0%, #000000b5 100%), url(https://cdn.discordapp.com/attachments/771177570754363393/868911750198751283/image0-5.gif); + --big-user-popout-background-transparency: rgba(0,0,0, 0.4); + --big-user-popout-background-image-position: center; + --big-user-popout-background-image-size: cover; + + --code-markup-background-color: rgba(0, 0, 0, 0.6); + --code-markup-border: 1px solid transparent; + + --message-box-transparency: rgba(0, 0, 0, 0.6); + + --embed-background-transparency: rgba(0, 0, 0, 0.6); + + --message-hover-buttons-background: rgba(200, 200, 200, 0.1); + + --context-menu-transparency: rgba(15, 15, 15, 0.8); + + --add-discover-icon-transparency: rgba(200, 200, 200, 0.15); + --add-discover-icon-color: #43b581; + + --channel-limit-count-color: var(--channels-default); + --channel-limit-background-left: rgba(200, 200, 200, 0.1); + --channel-limit-background-right: rgba(200, 200, 200, 0.2); + + --scrollbar-color: #d0faeb89; + + --unread-message-divider-color: #f04747; + --unread-message-divider-font-color: #fff; + + --new-messages-bar-background-color: var(--main-theme-color); + --new-messages-bar-font-color: #fff; + + --emoji-menu-background-color: rgba(0, 0, 0, 0.6); + --emoji-menu-sider-background-color: rgba(0, 0, 0, 0); + --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8); + --emoji-menu-bottom-bar-background-color: black; + --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1); + + --message-search-menu-background-color: rgba(0, 0, 0, 0.8); + --message-search-container-background-color: rgba(0, 0, 0, 0.6); + --message-search-result-background-color: rgba(200, 200, 200, 0.05); + + --text-voice-channel-color: rgb(142, 146, 151); + --text-voice-channel-hover-color: #dcddde; + --text-voice-channel-selected-text-color: #fff; + --unread-text-channel-color: #d0faeb; + --unread-text-channel-bubble-color: #d0faeb; + + --folder-background-color: #2f3136; + --expanded-folder-background-color: transparent; + + --reaction-emoji-background-color: rgba(0, 0, 0, 0); + --reaction-emoji-border-color: 1px solid transparent; + --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); + --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); +} + +.root-3QyAh1 {background-size: cover;} +.userPopout-xaxa6l {background-size: cover;} + +.channelTabs-tabContainer, .channelTabs-container {background: 0 0!important; background-color: initial !important;} \ No newline at end of file From c29154e7a64e3994d90d59526a028748c22703b1 Mon Sep 17 00:00:00 2001 From: Chris Date: Tue, 11 Jan 2022 21:03:39 -0500 Subject: [PATCH 3/6] Remove suggestion to DM me --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index dff7b1c2..df27e97e 100644 --- a/README.md +++ b/README.md @@ -60,7 +60,6 @@ Any issues can be expressed by: * [Joining the Discord server](https://discord.gg/FdZhbjY) * [Opening an issue on GitHub](https://github.com/puckzxz/NotAnotherAnimeTheme/issues) -* Messaging me on Discord at [puckzxz#2080](https://discord.com/users/135554522616561664) ## Notes From ab84558746825e8b1b99c1ee8240069e213320cf Mon Sep 17 00:00:00 2001 From: WubzyGD Date: Tue, 11 Jan 2022 19:39:51 -0700 Subject: [PATCH 4/6] explain some settings; font code at bottom --- NotAnotherAnimeTheme.theme.css | 72 ++++++++++++++++++++++++++-------- 1 file changed, 55 insertions(+), 17 deletions(-) diff --git a/NotAnotherAnimeTheme.theme.css b/NotAnotherAnimeTheme.theme.css index cd74f63e..4af95972 100644 --- a/NotAnotherAnimeTheme.theme.css +++ b/NotAnotherAnimeTheme.theme.css @@ -30,33 +30,44 @@ /* Main Theme Transparency + + This is a color that is placed over your background image. + It's best to keep this as black, as it will darken the BG image + and make messages easier to read. + + Change the 4th value higher for a darker image, or lower for lighter. */ --theme-transparency: rgba(0, 0, 0, 0.8); + /* + Server Listing Width + Single Column: 72px + Double Column: 126px + Triple Column: 184px + Quad Column: 242px + */ + --server-listing-width: 126px; + /* Home Icon Image + + Takes the place of the Discord icon in the top left. */ --home-icon-image: url(https://i.imgur.com/63g6Em8.jpg); /* - Change your friends icon image position + Change your home icon image position + + You can change it to something like "cover" if the + home icon is misaligned or doesn't fit. */ --home-icon-image-position: center center; /* - Change your friends icon image zoom + Change your home icon image zoom */ --home-icon-image-zoom: 100%; - /* - Server Listing Width - Single Column: 72px - Double Column: 126px - Triple Column: 184px - Quad Column: 242px - */ - --server-listing-width: 126px; - /* Font Size */ @@ -95,17 +106,21 @@ /* Small User Popout + + The window that appears when you click on someone in the members list. */ --small-user-popout-background-image: var(--theme-background-image); --small-user-popout-background-transparency: rgba(0, 0, 0, 0.6); - --small-user-popout-background-image-position: center; + --small-user-popout-background-image-position: cover; /* Big User Popout + + The window that appears when you right click a user and select "Profile" */ --big-user-popout-background-image: var(--theme-background-image); --big-user-popout-background-transparency: rgba(0, 0, 0, 0.6); - --big-user-popout-background-image-position: center; + --big-user-popout-background-image-position: cover; /* Code Markup @@ -119,7 +134,7 @@ --message-box-transparency: rgba(0, 0, 0, 0.6); /* - Embed Background Transparency + Embed Background Transparency/Color */ --embed-background-transparency: rgba(0, 0, 0, 0.6); @@ -129,7 +144,9 @@ --message-hover-buttons-background: rgba(200, 200, 200, 0.1); /* - Context Menu Transparency + Context Menu Transparency/Color + + The menu that appears when right-clicking */ --context-menu-transparency: rgba(15, 15, 15, 0.8); @@ -140,7 +157,9 @@ --add-discover-icon-color: #43b581; /* - Channel Limit Number Color + Voice Channel Limit Number Color + + The small bubble over a voice channel with a maximum number of users */ --channel-limit-count-color: var(--channels-default); --channel-limit-background-left: rgba(200, 200, 200, 0.1); @@ -201,4 +220,23 @@ --reaction-emoji-border-color: 1px solid transparent; --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1); --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2); -} \ No newline at end of file +} + + +/*INSERT CUSTOM CODE BELOW*/ + +/* + * Custom font + + * Remove the comment below to enable a custom font + * This will add a font to your *entire* Discord + + * You can change the link to the font in the @import + * to get your own. See https://github.com/puckzxz/NotAnotherAnimeTheme/issues/184#issuecomment-1008341747 + * for more details. +**/ + +/* +@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap'); +* {font-family: 'Raleway', sans-serif;} +*/ \ No newline at end of file From 5b043ea420b0060764960e6ac5767af3cba99939 Mon Sep 17 00:00:00 2001 From: WubzyGD Date: Tue, 11 Jan 2022 20:10:25 -0700 Subject: [PATCH 5/6] vars for main BG image; more explanations --- NotAnotherAnimeTheme.theme.css | 10 ++++++---- css/v3/naat.v3.css | 3 ++- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/NotAnotherAnimeTheme.theme.css b/NotAnotherAnimeTheme.theme.css index 4af95972..9fbc60e3 100644 --- a/NotAnotherAnimeTheme.theme.css +++ b/NotAnotherAnimeTheme.theme.css @@ -21,7 +21,9 @@ /* Theme Background */ - --theme-background-image: url(https://i.imgur.com/j1Z6HVc.jpg); + --theme-background-image: url(https://i.imgur.com/j1Z6HVc.jpg); /*The main image that applies over all of Discord*/ + --theme-background-image-size: cover; + --theme-background-image-position: cover; /*Change to something like 50% 50% if the image is offcenter, then play with both values until it fits.*/ /* Main Theme Color @@ -76,9 +78,9 @@ /* Mention colors */ - --mention-color: rgba(250, 166, 26, 0.05); - --mention-sider: rgba(250, 166, 26, 1); - --mention-hover-color: rgba(250, 166, 26, 0.08); + --mention-color: rgba(250, 166, 26, 0.05); /*Messages that mention you will be highlighted in this color*/ + --mention-sider: rgba(250, 166, 26, 1); /*The small bar on the left side of a message that mentions you*/ + --mention-hover-color: rgba(250, 166, 26, 0.08); /*Messages that mention you will be highlighted in this color when you're hovering over them.*/ /* Server category hover color diff --git a/css/v3/naat.v3.css b/css/v3/naat.v3.css index 73915ba2..3bb59445 100644 --- a/css/v3/naat.v3.css +++ b/css/v3/naat.v3.css @@ -10,7 +10,8 @@ .appMount-2yBXZl { background-image: var(--theme-background-image); - background-size: cover; + background-size: var(--theme-background-image-size); + background-position: var(--theme-background-image-position); } .tutorialContainer-2sGCg9 .wrapper-28eC3z .childWrapper-1j_1ub { From 2ed23075748f76520997355209b0e540ccc33544 Mon Sep 17 00:00:00 2001 From: WubzyGD Date: Sat, 15 Jan 2022 12:34:15 -0700 Subject: [PATCH 6/6] transparent edit role header --- css/v3/naat.v3.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/v3/naat.v3.css b/css/v3/naat.v3.css index 3bb59445..ff4a8415 100644 --- a/css/v3/naat.v3.css +++ b/css/v3/naat.v3.css @@ -931,6 +931,6 @@ html { margin-top: 0px; } -.container-3XgAHv { +.container-3XgAHv, .contentWidth-3aWel5 .header-JUTO-g { background: transparent; -} +} \ No newline at end of file