diff options
Diffstat (limited to '.config')
-rw-r--r-- | .config/BetterDiscord/themes/HorizontalServerList.theme.css | 15 | ||||
-rw-r--r-- | .config/BetterDiscord/themes/MinimalCord.theme.css | 120 |
2 files changed, 30 insertions, 105 deletions
diff --git a/.config/BetterDiscord/themes/HorizontalServerList.theme.css b/.config/BetterDiscord/themes/HorizontalServerList.theme.css index a8a5e5d..50b2339 100644 --- a/.config/BetterDiscord/themes/HorizontalServerList.theme.css +++ b/.config/BetterDiscord/themes/HorizontalServerList.theme.css @@ -1,17 +1,16 @@ /** * @name Horizontal Server List * @author Gibbu#1211 - * @version 1.0.0 - * @description Server list on bottom - * @source https://github.com/Gibbu/BetterDiscord-Themes/tree/master/HorizontalServerlist + * @version 2.0.0 + * @invite ZHthyCw + * @description Moves the server list from the left to the top of Discord. Compatible with Server Folders and most basic transparent themes + * @source https://github.com/DiscordStyles/HorizontalServerList * @website https://www.gibbu.me */ -@import url('https://gibbu.github.io/BetterDiscord-Themes/HorizontalServerlist/base.css'); -/* @import url("https://gibbu.github.io/BetterDiscord-Themes/addons/bottomhsl.css"); */ +@import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css"); :root { - --HSL-server-icon-size: 48px; - --HSL-server-spacing: 16px; + --HSL-server-icon-size: 40px; /* Size of the server icons | DEFAULT: 40px */ + --HSL-server-spacing: 10px; /* Spacing between each server icon | DEFAULT: 10px */ } - diff --git a/.config/BetterDiscord/themes/MinimalCord.theme.css b/.config/BetterDiscord/themes/MinimalCord.theme.css index 5300216..870c8f6 100644 --- a/.config/BetterDiscord/themes/MinimalCord.theme.css +++ b/.config/BetterDiscord/themes/MinimalCord.theme.css @@ -1,105 +1,31 @@ /** * @name MinimalCord * @author Gibbu#1211 - * @version 1.0.0 + * @version 2.0.0 + * @invite ZHthyCw * @description Changes Discord enough to give it a fresh feel while also making it darker. Supports both Light and Dark themes. - * @source https://github.com/Gibbu/BetterDiscord-Themes/tree/master/MinimalCord + * @source https://github.com/DiscordStyles/MinimalCord * @website https://www.gibbu.me - */ +*/ -@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900'); -@import url("https://gibbu.github.io/BetterDiscord-Themes/MinimalCord/base.css"); - -/* Black Box user tags */ -@import url('https://monstrousdev.github.io/themes/addons/user-tags.css'); +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); +@import url("https://discordstyles.github.io/MinimalCord/dist/MinimalCord.css"); :root { - /* --accent: 233, 86, 120; DEFAULT: 22, 188, 249 */ - --chat-avatar-size: 48px; /* Changes size of chat avatars | DEFAULT: 40px */ - --search-results-width: 25vw; /* Width of server results. For a fixed width use px. | DEFAULT: 25vw */ - --emoji-picker-height: 260px; /* Height of Emoji picker | DEFAULT: 260px */ - --font: 'JetBrainsMono Nerd Font'; -} - -.theme-dark, -.theme-light { - --background-light: var(--pywal-bg2) !important; - --background: var(--pywal-bg0) !important; - --background-alt: var(--pywal-bg1) !important; - --background-dark: var(--pywal-serverside) !important; - - --text-normal: var(--pywal-color7); - --text-muted: var(--pywal-color8); - --text-focus: var(--pywal-color15); - - --foreground-1: var(--background) !important; - --background-primary: var(--background) !important; - - --box-shadow: 0; -} - -.da-attachWrapper, .da-buttons { - width: 0; - overflow: hidden; -} - -.da-channelTextArea { - margin-top: 0 !important; - margin-bottom: 8px !important; -} - -.da-form { - margin-left: 0 !important; - margin-right: 0 !important; -} - -.da-username { - filter: saturate(0.4) brightness(1.5); -} - -.da-itemCard > div > div { - background: var(--background) !important; -} - -.da-channelTextArea > div { - box-shadow: none !important; - background: var(--background) !important; -} - -.da-form::before { - background: transparent !important; -} - -.da-videoControls { - margin: 0px !important; -} - -.da-privateChannelsHeaderContainer .da-numberBadge.da-base { - background-color: rgb(var(--accent)) !important; - color: var(--background) !important; -} - -.da-circleIcon, -.da-circleIconButton { - color: rgb(var(--accent)) !important; -} - -section.da-container > .da-children > .da-tabBar > .da-item:not(.da-themed), -.bd-guild .da-item, -.da-tutorialContainer .da-pill .da-item { - background-color: rgb(var(--accent)) !important; - color: var(--background) !important; -} - -.da-actionButton { - background-color: transparent !important; -} - -.da-peopleColumn .da-peopleListItem { - border: 0 !important; -} - -.da-app .da-base .da-content .da-container .da-tabBody { - background: var(--background) !important; -} - + /* + Accent variable + Use this website: https://htmlcolorcodes.com/color-picker/ + to get your desired RGB numbers. Then simply put each number in their respective area. + R,G,B + */ + --accent: 50, 131, 207; + + --message-padding: 10px; /* Spacing in the messages. MUST END IN px | DEFAULT: 10px */ + --message-spacing: 10px; /* Spacing around the messages. MUST END IN px | DEFAULT: 10px */ + + /* + To use a custom font. Visit https://fonts.google.com and select one to your liking. + Now just follow this tutorial: https://imgur.com/a/CNbw7xC + */ + --font: 'Roboto'; +}
\ No newline at end of file |