Update CosyDiscord.css

This commit is contained in:
u68467 2025-02-13 12:57:25 +01:00
parent b63d8d086b
commit e39840e2e8

View File

@ -2,7 +2,6 @@
* @name Discord+ * @name Discord+
* @author PlusInsta * @author PlusInsta
* @authorId 309931975102300160 * @authorId 309931975102300160
* @authorLink https://plusinsta.xyz
* @version 3.2.1 * @version 3.2.1
* @description A sleek, customizable Discord theme. * @description A sleek, customizable Discord theme.
* @donate https://ko-fi.com/plusinsta * @donate https://ko-fi.com/plusinsta
@ -11,14 +10,17 @@
* @updateUrl https://plusinsta.github.io/discord-plus/DiscordPlus.theme.css * @updateUrl https://plusinsta.github.io/discord-plus/DiscordPlus.theme.css
* @invite 2Jwh2nS * @invite 2Jwh2nS
*/ */
@import url(https://plusinsta.github.io/discord-plus/src/DiscordPlus-source.theme.css); @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 { .theme-dark {
/* Backdrop image which is shown behind the app. Can also be an HTML color. Falls back to accent color if invalid. /* Instead of using a backdrop image, were now using a gradient.
To use an image from your computer, upload it somewhere first, copy its link, then paste it below. */ Adjust the angle and color stops to suit your taste. */
--dplus-backdrop: url('/usr/share/wallpapers/ScarletTree/contents/images_dark/5120x2880.png'); --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-hue: 320;
@ -40,7 +42,8 @@
/* If you use light theme, you can give it unique settings that are separate from dark theme. */ /* If you use light theme, you can give it unique settings that are separate from dark theme. */
.theme-light { .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-hue: 320;
--dplus-accent-color-saturation: 60%; --dplus-accent-color-saturation: 60%;
@ -74,7 +77,8 @@ Set avatar/server radius to 50% to make them circular.
/* 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; --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. */ /* 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; --dplus-spacing-app: 10px;
/* Size of user and server icons */ /* Size of user and server icons */
@ -89,3 +93,9 @@ Set avatar/server radius to 50% to make them circular.
--dplus-icon-home-dark: url(https://plusinsta.github.io/discord-plus/assets/discord/home_dark.svg); --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); --dplus-icon-home-light: url(https://plusinsta.github.io/discord-plus/assets/discord/home_light.svg);
} }
/* -----------------------------------------------------------------------------
Note: The remainder of DiscordPluss 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.
----------------------------------------------------------------------------- */