From e39840e2e8e0564fb917118a2c5a7ff32c8de774 Mon Sep 17 00:00:00 2001 From: u68467 Date: Thu, 13 Feb 2025 12:57:25 +0100 Subject: [PATCH] Update CosyDiscord.css --- CosyDiscord.css | 64 ++++++++++++++++++++++++++++--------------------- 1 file changed, 37 insertions(+), 27 deletions(-) diff --git a/CosyDiscord.css b/CosyDiscord.css index 87a9c96..7022ca2 100644 --- a/CosyDiscord.css +++ b/CosyDiscord.css @@ -2,7 +2,6 @@ * @name Discord+ * @author PlusInsta * @authorId 309931975102300160 - * @authorLink https://plusinsta.xyz * @version 3.2.1 * @description A sleek, customizable Discord theme. * @donate https://ko-fi.com/plusinsta @@ -10,28 +9,31 @@ * @source https://github.com/PlusInsta/discord-plus * @updateUrl https://plusinsta.github.io/discord-plus/DiscordPlus.theme.css * @invite 2Jwh2nS -*/ + */ + @import url(https://plusinsta.github.io/discord-plus/src/DiscordPlus-source.theme.css); -/* I've commented most of these values so you can change them yourself. If you're having trouble, or you want to do more than what these values allow for, a volunteer might be able to help you in my server. */ +/* I've commented most of these values so you can change them yourself. + If you're having trouble, or you want to do more than what these values allow for, + a volunteer might be able to help you in my server. */ .theme-dark { -/* Backdrop image which is shown behind the app. Can also be an HTML color. Falls back to accent color if invalid. - To use an image from your computer, upload it somewhere first, copy its link, then paste it below. */ - --dplus-backdrop: url('/usr/share/wallpapers/ScarletTree/contents/images_dark/5120x2880.png'); + /* Instead of using a backdrop image, we’re now using a gradient. + Adjust the angle and color stops to suit your taste. */ + --dplus-backdrop: linear-gradient(135deg, #1e1e2e, #141421); -/* Accent color, used to decorate the UI with colors. */ + /* Accent color, used to decorate the UI with colors. */ --dplus-accent-color-hue: 320; --dplus-accent-color-saturation: 60%; --dplus-accent-color-lightness: 31%; -/* Foreground color: For things like text and icons. */ + /* Foreground color: For things like text and icons. */ --dplus-foreground-color-hue-base: 210; --dplus-foreground-color-hue-links: 197; --dplus-foreground-color-saturation-amount: 1; --dplus-foreground-color-lightness-amount: 1; -/* Background color: Covers the backdrop so the app is easier to read. */ + /* Background color: Covers the backdrop so the app is easier to read. */ --dplus-background-color-hue: 320; --dplus-background-color-saturation-amount: 1; --dplus-background-color-lightness-amount: 1; @@ -40,7 +42,8 @@ /* If you use light theme, you can give it unique settings that are separate from dark theme. */ .theme-light { - --dplus-backdrop: url('/usr/share/wallpapers/ScarletTree/contents/images/5120x2880.png'); + /* Using a light gradient instead of an image */ + --dplus-backdrop: linear-gradient(135deg, #f0f0f0, #ffffff); --dplus-accent-color-hue: 320; --dplus-accent-color-saturation: 60%; @@ -58,34 +61,41 @@ } :root { -/* Fonts */ -/* You can use any installed font on your device. */ + /* Fonts */ + /* You can use any installed font on your device. */ --dplus-font-ui: 'Poppins'; --dplus-font-body: 'Roboto'; --dplus-font-header: 'Righteous'; -/* Round corner sizes, measured in pixel radius. -Set avatar/server radius to 50% to make them circular. - UI radius must be in pixels, otherwise things break. */ + /* Round corner sizes, measured in pixel radius. + Set avatar/server radius to 50% to make them circular. + UI radius must be in pixels, otherwise things break. */ --dplus-radius-ui: 10px; --dplus-radius-avatar: 20%; --dplus-radius-server: 20%; -/* This decides how much breathing room there should be between things like buttons and content. */ + /* This decides how much breathing room there should be between things like buttons and content. */ --dplus-spacing-ui: 10px; -/* This sets how much space there should be between the app contents and the edges of the window. It also affects the distance between major UI elements, such as the server list to the channel list and channel list to the chat. */ - --dplus-spacing-app: 10px; + /* This sets how much space there should be between the app contents and the edges of the window. + It also affects the distance between major UI elements, such as the server list to the channel list and channel list to the chat. */ + --dplus-spacing-app: 10px; -/* Size of user and server icons */ ---dplus-icon-avatar-chat: 64px; ---dplus-icon-avatar-list: 32px; ---dplus-icon-avatar-profile: 80px; + /* Size of user and server icons */ + --dplus-icon-avatar-chat: 64px; + --dplus-icon-avatar-list: 32px; + --dplus-icon-avatar-profile: 80px; ---dplus-icon-server-sidebar: 48px; ---dplus-icon-server-list: 32px; + --dplus-icon-server-sidebar: 48px; + --dplus-icon-server-list: 32px; -/* The Home icon on the top left */ ---dplus-icon-home-dark: url(https://plusinsta.github.io/discord-plus/assets/discord/home_dark.svg); ---dplus-icon-home-light: url(https://plusinsta.github.io/discord-plus/assets/discord/home_light.svg); + /* The Home icon on the top left */ + --dplus-icon-home-dark: url(https://plusinsta.github.io/discord-plus/assets/discord/home_dark.svg); + --dplus-icon-home-light: url(https://plusinsta.github.io/discord-plus/assets/discord/home_light.svg); } + +/* ----------------------------------------------------------------------------- + Note: The remainder of DiscordPlus’s styling is defined in the imported source file. + All of the detailed rules for modals, popouts, sidebars, chat, avatars, settings, + and other UI components are in that file. +----------------------------------------------------------------------------- */