Skip to content

unknown134563/Cyan

 
 

Repository files navigation

Cyan - Clean and Customizable, with custom background support

BetterDiscord Cyan Customizer Cyan Addons

Customizing:

[NEW] Presets are now in DiscordColorways! Select the "Cyan" preset to easiy generate colors for Cyan.

Colors:

  • Accent: --cyan-accent-color
  • Primary: --cyan-background-primary
  • Tertiary --cyan-background-secondary

Cyan uses the following values to change the way it looks:

:root {
	--cyan-background-primary: hsla(0deg 0% var(--cyan-background-lightness) / 40%); /*The "glass" color*/
	--cyan-elevation-shadow: 0 0 0 1.5px var(--cyan-accent-color), 0 2px 10px 0 rgb(0 0 0 / 60%); /*The border/shadow*/
	--cyan-font: 'Montserrat', 'Open Sans'; /*The main fonts*/
	--cyan-background-img: url(https://dablulite.github.io/Cyan/cyan-waves.png); /*The Background image*/
	--cyan-accent-color: #009f88; /*The accent color for various UI elements*/
	--cyan-blur-radius: 10px; /*How blurry blurry surfaces should be*/
	--cyan-text-shadow: 1; /*If the test shadow should be on or off (1 or 0 is true or false)*/
	--window-margin: 8; /*The margins around the windows*/
	--window-border-radius: 8px; /*Their border radii*/
	--cyan-channelbar-width: 320px; /*The channels portion of the Omnibar*/
	--window-titlebar-size: 24px; /*The Extra margin that gets added to the omnibar to account for windows'/macos' title bars*/
}

Special thanks to:

Screenshots

About

Clean and Customizable Discord theme, with custom background support

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • HTML 43.9%
  • CSS 33.2%
  • JavaScript 22.9%