From 9af5838a11b232f7a2aa63e31141c3206dc87bc6 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Sun, 20 Feb 2022 14:53:09 +0100 Subject: betterdiscord + chrome theme updates --- .config/BetterDiscord/themes/MinimalCord.theme.css | 120 ++++----------------- 1 file changed, 23 insertions(+), 97 deletions(-) (limited to '.config/BetterDiscord/themes/MinimalCord.theme.css') 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 -- cgit v1.2.3