195 lines
9.2 KiB
CSS
195 lines
9.2 KiB
CSS
/**
|
||
* @name FVUI
|
||
* @author feorev
|
||
* @description Blur is the New Black
|
||
* @version 2.0.0
|
||
* @authorId 489785940546551831
|
||
* @invite baEMQkgswT
|
||
* @source https://github.com/FeoreV/Themes/tree/main/Discord/FVUI
|
||
*/
|
||
/* ! DO NOT TOUCH ! */
|
||
@import url(https://feorev.github.io/Themes/Discord/FVUI/Cores/preload.css);
|
||
@import url(https://feorev.github.io/Themes/Discord/FVUI/assets/Versions/v2.css);
|
||
|
||
/*=============================================
|
||
= Info =
|
||
==============================================*
|
||
DiscordServer: https://discord.com/invite/baEMQkgswT
|
||
DM - feorev
|
||
Site - https://feorev.github.io/
|
||
ThemeEditor - https://bdeditor.dev/theme/FVUI
|
||
|
||
Due to the inability to update the theme file frequently, many new additions to the theme will be posted on the discord server.
|
||
The FVUI theme extends not only to discord, but also to other sites and areas. You can find a complete list of themes on the discord server.
|
||
|
||
|
||
|
||
/*=============================================
|
||
= FAQ =
|
||
==============================================*
|
||
|
||
/*---------- How to enable another subtheme? ----------*
|
||
|
||
IT IS RECOMMENDED TO USE AN EDITOR ( https://bdeditor.dev/theme/FVUI )
|
||
|
||
Select import and press ctrl+/
|
||
|
||
Enabled - @import url(...)
|
||
Disabled - /*@import url(...)*/
|
||
|
||
|
||
/*---------- I want ... ----------
|
||
Make the background a picture - enable WIN11
|
||
Make discord transparent - enable Mica
|
||
Change background picture - Change the settings of the win11 subtheme - the --dark/light BG variable
|
||
|
||
/*---------- Any other questions? ----------
|
||
Join the discord server c:
|
||
https://discord.com/invite/baEMQkgswT
|
||
|
||
|
||
|
||
/*=============================================
|
||
= Subthemes to choose =
|
||
=============================================*/
|
||
|
||
/*---------- Default ----------*/
|
||
/* Default */
|
||
@import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/Default.css);
|
||
/* Lite */
|
||
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/Default_lite.css); */
|
||
|
||
/*---------- CustomBackground ----------*/
|
||
/* WIN11 */
|
||
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/CustomBackground.css); */
|
||
/* Lite11 */
|
||
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/CustomBackground_lite.css); */
|
||
|
||
/*---------- Other ----------*/
|
||
/*MICA (Required "Mica For Everyone" and enabling transparency (Settings=>BD=>Settings=>Window preferences=>Enable transparency)*/
|
||
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/Mica.css); */
|
||
|
||
|
||
|
||
/*=============================================
|
||
= Addons =
|
||
=============================================*/
|
||
|
||
/* Events (Any events and decorations for the holidays. For example, snow and New Year's attributes for the new year.) */
|
||
@import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/Events/Events.css);
|
||
|
||
/* ServerRings */
|
||
@import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/ServerRings.css);
|
||
|
||
/* RadialStatus */
|
||
@import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/RadialStatus.css);
|
||
|
||
/* MaterialYou (The theme color scheme adjusts to the accent color) */
|
||
@import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/MaterialYou.css); */
|
||
|
||
/* ModularDesign (Adds outline to main sections) */
|
||
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/ModularDesign.css); */
|
||
|
||
/* TopUserPanel (Moves the userpanel to the top corner) */
|
||
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/TopUserPanel.css); */
|
||
|
||
/* HorizontalServerList (Moves serverlist to the top or bottom corner. For FVUI, it is recommended to use this version of HSL, and not the official one.) */
|
||
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/HSL/HSL_top.css); */
|
||
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/HSL/HSL_bottom.css); */
|
||
|
||
/* TitleIsland */
|
||
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/TitleIsland.css); */
|
||
|
||
|
||
|
||
/*=============================================
|
||
= SubThemes Settings =
|
||
=============================================*/
|
||
|
||
/* Theme editor - https://bdeditor.dev/theme/FVUI */
|
||
|
||
/*---------- General ----------*/
|
||
:root{
|
||
--cursor : url('https://feorev.github.io/Themes/Discord/FVUI/assets/Cursor.cur'); /* Link to cursor / unset - to set standard */
|
||
--font : "Comfortaa"; /* The font must be pre-installed or imported */
|
||
--homeicon: url("https://feorev.github.io/Themes/Discord/FVUI/assets/HomeIcon/Icon.png"); /* Link to image */
|
||
}
|
||
|
||
:root{
|
||
--ColorOpacity : 1; /* Opacity multiplier / Default=1 (0.1-...) */
|
||
--DisableOpacity: 0; /* Disable Opacity / Default=0 (0 or 1) */
|
||
}
|
||
|
||
:root.theme-dark {
|
||
--color1: 30, 40, 50; /* Additional BG / Default= | 30, 40, 50 | (any raw rgb value) */
|
||
--color2: 9, 18, 24; /* Background / Default= | 9, 18, 24 | (any raw rgb value) */
|
||
--color3: 35, 120, 200; /* Additional Color / Default= | 35, 120, 200 | (any raw rgb value) */
|
||
--color4: 63, 43, 150; /* Gradient Color / Default= | 63, 43, 150 | (any raw rgb value) */
|
||
}
|
||
:root.theme-light {
|
||
--color1: 211, 204, 227; /* Additional BG / Default= | 211, 204, 227 | (any raw rgb value) */
|
||
--color2: 219, 219, 219; /* Background / Default= | 219, 219, 219 | (any raw rgb value) */
|
||
--color3: 96, 205, 255; /* Additional Color / Default= | 96,205,255 | (any raw rgb value) */
|
||
--color4: 63, 43, 150; /* Gradient Color / Default= | 63, 43, 150 | (any raw rgb value) */
|
||
}
|
||
|
||
/*---------- CustomBackground ----------*/
|
||
:root{
|
||
--DarkBG : url(https://feorev.github.io/Themes/Discord/FVUI/assets/Wallpapers/dark.avif); /* Link to background image / Default= url(https://feorev.github.io/Themes/Discord/assets/Wallpapers/dark.avif) ( url(link) ) */
|
||
--LightBG : url(https://feorev.github.io/Themes/Discord/FVUI/assets/Wallpapers/light.avif); /* Link to background image / Default= url(https://feorev.github.io/Themes/Discord/assets/Wallpapers/light.avif) ( url(link) ) */
|
||
--OpacityBG: 60%; /* Background image transparency / Default=100% (0%-100%) */
|
||
--BlurBG : 0px; /* Background image blur / Default=0px (any value in px) */
|
||
}
|
||
|
||
|
||
/*---------- Mica ----------*/
|
||
:root{
|
||
--BGopacity: 30%; /* Background image transparency / Default=30% (0%-100%) */
|
||
--BGcolor : var(--color2); /* Сolor in RGB / Example = rgb(255,255,255) ( any value in RGB (like example) ) */
|
||
}
|
||
|
||
|
||
|
||
/*=============================================
|
||
= Addons Settings =
|
||
=============================================*/
|
||
|
||
/*---------- MaterialYou ----------*/
|
||
:root.theme-dark{ /* First 2 HSL values / Default= | 210, 68% | https://g.co/kgs/83i83K */
|
||
--accentcolor-HUE: 210;
|
||
--accentcolor-SATURATION: 68%;
|
||
}
|
||
:root.theme-light{ /* First 2 HSL values / Default= | 199, 100% | https://g.co/kgs/83i83K */
|
||
--accentcolor-HUE: 199;
|
||
--accentcolor-SATURATION: 100%;
|
||
}
|
||
|
||
/*---------- ModularDesign ----------*/
|
||
:root{ /*MainModules*/
|
||
--outline : 3px; /* outline size / Default=3px (any value in px) */
|
||
--outlineCLR : var(--color03); /* outline color / Example = rgb(255,255,255) ( any value in RGB (like example) ) */
|
||
--outlineBR : 16px; /* outline rounding / Default=16px (any value in px) */
|
||
--outlineMG : 2rem; /* outline margin / Default=2rem (any value in px/rem/...) */
|
||
--outlineBS : 15px; /* outline glow / Default = 15px */
|
||
--outlineBG : unset; /* outline content background color / Example = rgb(255,255,255) ( any value in RGB (like example) */
|
||
--outlineBLUR: 0; /* (ONLY WIN11) backdrop blur / Default=0 ( any value in px */
|
||
}
|
||
|
||
:root{ /*AdditionalModules*/
|
||
--outline2 : 0; /* outline size / Default=0px (disabled) (any value in px) */
|
||
--outlineCLR2 : var(--outlineCLR); /* outline color / Example = rgb(255,255,255) ( any value in RGB (like example) ) */
|
||
--outlineBR2 : var(--outlineBR); /* outline rounding / (any value in px) */
|
||
--outlineMG2 : var(--outlineMG); /* outline margin / (any value in px/rem/...) */
|
||
--outlineBS2 : 0; /* outline glow / Default = 0 */
|
||
--outlineBG2 : unset; /* outline content background color / Example = rgb(255,255,255) ( any value in RGB (like example) */
|
||
--outlineBLUR2: 0 /* (ONLY WIN11) (Not recommended - bad performance) backdrop blur / Default=0 ( any value in px ) */
|
||
}
|
||
|
||
/*---------- Have you tuned the theme well? ----------*/
|
||
/* You can share your vision of the world in the channel of the Discord server by sending the settings: https://discord.gg/baEMQkgswT */
|
||
|
||
/*=============================================
|
||
= Credits =
|
||
= gibbu - RadialStatus / ServerRings =
|
||
=============================================*/
|