88 lines
3.4 KiB
CSS
88 lines
3.4 KiB
CSS
/**
|
|
* @name cosy theme
|
|
* @author niko
|
|
* @version 0.4.5
|
|
* @description A cosy discord theme
|
|
* @updateUrl https://github.com/niko-agent/cosy-discord_theme/blob/main/cosy-discord_theme.css
|
|
* @invite 3USaJTkSvS
|
|
*/
|
|
@import url('https://plusinsta.github.io/discord-plus/src/DiscordPlus-source.theme.css');
|
|
|
|
.theme-dark {
|
|
--dplus-backdrop: url('https://i.ibb.co/1yMXFFr/Moonlit-Dusk-2018.webp');
|
|
/* Image or color for the backdrop. Defaults to accent color on error. */
|
|
|
|
--dplus-accent-color-hue: 320;
|
|
--dplus-accent-color-saturation: 60%;
|
|
--dplus-accent-color-lightness: 31%;
|
|
/* Accent colors accentuate foreground elements. */
|
|
|
|
--dplus-foreground-color-hue-base: 210;
|
|
--dplus-foreground-color-hue-links: 197;
|
|
--dplus-foreground-color-saturation-amount: 1;
|
|
--dplus-foreground-color-lightness-amount: 1;
|
|
/* These determine the color of foreground elements. */
|
|
/*
|
|
* NOTE: "Amount" is an offset, where 1.0 is normal, and 0.5 is reduced by 50%.
|
|
* An example: If an element has a base lightness of 0.45,
|
|
* setting --dplus-foreground-color-lightness-amount to 0.8
|
|
* results in the element getting a final lightness of 0.25.
|
|
* While your offsets can be any number, the final values will always be between 0 and 1. */
|
|
|
|
--dplus-background-color-hue: 320;
|
|
--dplus-background-color-saturation-amount: 1;
|
|
--dplus-background-color-lightness-amount: 1;
|
|
--dplus-background-color-alpha: 0.8;
|
|
/* This determines the color and opacity of surfaces. */
|
|
/* If the foreground is hard to read, try adjusting these values. */
|
|
}
|
|
|
|
/* If you use light theme, you can modify it separately from dark theme. */
|
|
/* The instructions above work for light theme too. */
|
|
.theme-light {
|
|
--dplus-backdrop: url('https://i.ibb.co/CKzkqnyk/Dawn-2020.webp');
|
|
|
|
--dplus-accent-color-hue: 320;
|
|
--dplus-accent-color-saturation: 60%;
|
|
--dplus-accent-color-lightness: 31%;
|
|
|
|
--dplus-foreground-color-hue-base: 210;
|
|
--dplus-foreground-color-hue-links: 197;
|
|
--dplus-foreground-color-saturation-amount: 1;
|
|
--dplus-foreground-color-lightness-amount: 1;
|
|
|
|
--dplus-background-color-hue: 320;
|
|
--dplus-background-color-saturation-amount: 1;
|
|
--dplus-background-color-lightness-amount: 1;
|
|
--dplus-background-color-alpha: 0.8;
|
|
}
|
|
|
|
:root {
|
|
--dplus-font-ui: 'Poppins';
|
|
--dplus-font-body: 'Roboto';
|
|
--dplus-font-header: 'Righteous';
|
|
/* You can use any font that is installed, but you need to input its web name. */
|
|
/* If you just installed a font, you may need to restart the app or device first. */
|
|
|
|
--dplus-radius-ui: 10px;
|
|
/* Rounding on square corners of app elements. Should be absolute size, e.g. pixels. */
|
|
--dplus-radius-avatar: 100%;
|
|
/* Rounding of user profile icons. Should be relative size, e.g. percentage. */
|
|
--dplus-radius-server: 50%;
|
|
/* Rounding of server profile icons. Should be relative size, e.g. percentage. */
|
|
|
|
--dplus-spacing-ui: 15px;
|
|
/* This value affects overall padding and margins across the app. */
|
|
/* Increasing this will make the app less compact. */
|
|
--dplus-spacing-app: 5px;
|
|
/* This value affects spacing between major app elements. */
|
|
/* Increasing this will make the backdrop easier to see. */
|
|
|
|
--dplus-icon-avatar-chat: 32px;
|
|
/* This affects the size of user profile icons as seen in the chat. */
|
|
--dplus-icon-avatar-list: 16px;
|
|
/* The size of user profile icons as seen in lists. */
|
|
--dplus-icon-avatar-profile: 40px;
|
|
/* The size of user profile icons as seen on the full profile. */
|
|
}
|