aboutsummaryrefslogtreecommitdiff
path: root/.config
diff options
context:
space:
mode:
Diffstat (limited to '.config')
-rw-r--r--.config/BetterDiscord/themes/HorizontalServerList.theme.css15
-rw-r--r--.config/BetterDiscord/themes/MinimalCord.theme.css120
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