From 9600373216aa925dc563d8eaebacfdc57bd76f3c Mon Sep 17 00:00:00 2001 From: absidue <48293849+absidue@users.noreply.github.com> Date: Tue, 15 Nov 2022 09:14:35 +0100 Subject: [PATCH] Themes CSS deduplication (#2868) * Deduplicate CSS rules for the Catppuccin Mocha colours * Deduplicate CSS rules for the Dracula colours * Deduplicate CSS rules for the themes * Deduplicate CSS rules for the main and secondary colours --- src/renderer/themes.css | 373 ++++++++++++++++++---------------------- 1 file changed, 163 insertions(+), 210 deletions(-) diff --git a/src/renderer/themes.css b/src/renderer/themes.css index 12587f4f1..19ad645a6 100644 --- a/src/renderer/themes.css +++ b/src/renderer/themes.css @@ -1,13 +1,45 @@ +.system[data-system-theme*='light'], .light, +.system[data-system-theme*='dark'], .dark, +.black, +.gray, +.dracula, +.catppuccinMocha { + --primary-input-color: rgba(0, 0, 0, 0.50); +} + +.system[data-system-theme*='light'], .light, +.system[data-system-theme*='dark'], .dark, +.black, +.gray { + --logo-icon: url("../../_icons/iconColorSmall.png"); + --logo-text: url("../../_icons/textColorSmall.png"); +} + +.system[data-system-theme*='light'], .light, +.system[data-system-theme*='dark'], .dark, +.black, +.dracula, +.catppuccinMocha { + --link-color: var(--accent-color); + --link-visited-color: var(--accent-color-visited); + --instance-menu-color: var(--search-bar-color); +} + +.system[data-system-theme*='dark'], .dark, +.black, +.gray, +.dracula, +.catppuccinMocha { + --primary-shadow-color: rgba(0, 0, 0, 0.75); +} + .system[data-system-theme*='light'], .light { --primary-text-color: #212121; --secondary-text-color: #424242; --tertiary-text-color: #757575; - --primary-input-color: rgba(0, 0, 0, 0.50); --primary-shadow-color: rgba(232, 232, 232, 1); --title-color: #3f7ac6; --bg-color: #f1f1f1; - --link-color: var(--accent-color); - --link-visited-color: var(--accent-color-visited); --favorite-icon-color: #FFD600; --card-bg-color: #FFFFFF; --secondary-card-bg-color: #eeeeee; @@ -17,21 +49,14 @@ --side-nav-hover-color: #e0e0e0; --side-nav-active-color: #757575; --search-bar-color: #f5f5f5; - --instance-menu-color: var(--search-bar-color); - --logo-icon: url("../../_icons/iconColorSmall.png"); - --logo-text: url("../../_icons/textColorSmall.png"); } .system[data-system-theme*='dark'], .dark { --primary-text-color: #EEEEEE; --secondary-text-color: #ddd; --tertiary-text-color: #999; - --primary-input-color: rgba(0, 0, 0, 0.50); - --primary-shadow-color: rgba(0, 0, 0, 0.75); --title-color: #EEEEEE; --bg-color: #212121; - --link-color: var(--accent-color); - --link-visited-color: var(--accent-color-visited); --favorite-icon-color: #FFEA00; --card-bg-color: #303030; --secondary-card-bg-color: rgba(0, 0, 0, 0.75); @@ -41,21 +66,14 @@ --side-nav-hover-color: #212121; --side-nav-active-color: #303030; --search-bar-color: #262626; - --instance-menu-color: var(--search-bar-color); - --logo-icon: url("../../_icons/iconColorSmall.png"); - --logo-text: url("../../_icons/textColorSmall.png"); } .black { --primary-text-color: #EEEEEE; --secondary-text-color: #ddd; --tertiary-text-color: #EEEEEE; - --primary-input-color: rgba(0, 0, 0, 0.50); - --primary-shadow-color: rgba(0, 0, 0, 0.75); --title-color: #EEEEEEE; --bg-color: #000000; - --link-color: var(--accent-color); - --link-visited-color: var(--accent-color-visited); --favorite-icon-color: #FFEA00; --card-bg-color: #000000; --secondary-card-bg-color: rgba(0, 0, 0, 0.75); @@ -65,17 +83,12 @@ --side-nav-hover-color: #212121; --side-nav-active-color: #303030; --search-bar-color: #262626; - --instance-menu-color: var(--search-bar-color); - --logo-icon: url("../../_icons/iconColorSmall.png"); - --logo-text: url("../../_icons/textColorSmall.png"); } .gray { --primary-text-color: #EEEEEE; --secondary-text-color: #E0E0E0; --tertiary-text-color: #F5F5F5; - --primary-input-color: rgba(0, 0, 0, 0.50); - --primary-shadow-color: rgba(0, 0, 0, 0.75); --title-color: #EEEEEE; --bg-color: #212121; --card-bg-color: #303030; @@ -84,20 +97,14 @@ --side-nav-hover-color: #212121; --side-nav-active-color: #303030; --search-bar-color: #212121; - --logo-icon: url("../../_icons/iconColorSmall.png"); - --logo-text: url("../../_icons/textColorSmall.png"); } .dracula { --primary-text-color: #F8F8F2; --secondary-text-color: #c6cee6; --tertiary-text-color: #e5e8f3; - --primary-input-color: rgba(0, 0, 0, 0.50); - --primary-shadow-color: rgba(0, 0, 0, 0.75); --title-color: #BD93F9; --bg-color: #282A36; - --link-color: var(--accent-color); - --link-visited-color: var(--accent-color-visited); --favorite-icon-color: #F1FA8C; --card-bg-color: #33353F; --secondary-card-bg-color: #282A36; @@ -107,7 +114,6 @@ --side-nav-hover-color: #57596B; --side-nav-active-color: #3D4051; --search-bar-color: #3E3F4A; - --instance-menu-color: var(--search-bar-color); --logo-icon: url("../../_icons/iconDraculaLightSmall.png"); --logo-text: url("../../_icons/textDraculaLightSmall.png"); } @@ -116,12 +122,8 @@ --primary-text-color: #cdd6f4; --secondary-text-color: #bac2de; --tertiary-text-color: #a6adc8; - --primary-input-color: rgba(0, 0, 0, 0.50); - --primary-shadow-color: rgba(0, 0, 0, 0.75); --title-color: var(--accent-color); --bg-color: #1e1e2e; - --link-color: var(--accent-color); - --link-visited-color: var(--accent-color-visited); --favorite-icon-color: #f9e2af; --card-bg-color: #181825; --secondary-card-bg-color: #1e1e2e; @@ -131,342 +133,314 @@ --side-nav-hover-color: #11111b; --side-nav-active-color: #11111b; --search-bar-color: #313244; - --instance-menu-color: var(--search-bar-color); --logo-icon: url("../../_icons/iconCatppuccinMochaLightSmall.png"); --logo-text: url("../../_icons/textCatppuccinMochaLightSmall.png"); } +.mainRed +.mainPink +.mainPurple +.mainDeepPurple +.mainIndigo +.mainBlue +.mainLightBlue +.mainCyan +.mainTeal +.mainGreen { + --text-with-main-color: #FFFFFF; + --logo-icon-bar-color: url("../../_icons/iconWhite.png"); + --logo-text-bar-color: url("../../_icons/textWhite.png"); +} + +.mainLightGreen +.mainLime +.mainYellow +.mainAmber +.mainOrange +.mainDeepOrange { + --text-with-main-color: #000000; + --logo-icon-bar-color: url("../../_icons/iconBlackSmall.png"); + --logo-text-bar-color: url("../../_icons/textBlackSmall.png"); +} + .mainRed { --primary-color: #f44336; --primary-color-hover: #e53935; --primary-color-active: #c62828; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainPink { --primary-color: #E91E63; --primary-color-hover: #D81B60; --primary-color-active: #AD1457; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainPurple { --primary-color: #9C27B0; --primary-color-hover: #8E24AA; --primary-color-active: #6A1B9A; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainDeepPurple { --primary-color: #673AB7; --primary-color-hover: #5E35B1; --primary-color-active: #4527A0; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainIndigo { --primary-color: #3F51B5; --primary-color-hover: #3949AB; --primary-color-active: #283593; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainBlue { --primary-color: #2196F3; --primary-color-hover: #1E88E5; --primary-color-active: #1565C0; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainLightBlue { --primary-color: #03A9F4; --primary-color-hover: #039BE5; --primary-color-active: #0277BD; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainCyan { --primary-color: #00BCD4; --primary-color-hover: #00ACC1; --primary-color-active: #00838F; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainTeal { --primary-color: #009688; --primary-color-hover: #00897B; --primary-color-active: #00695C; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainGreen { --primary-color: #4CAF50; --primary-color-hover: #43A047; --primary-color-active: #2E7D32; - --text-with-main-color: #FFFFFF; - --logo-icon-bar-color: url("../../_icons/iconWhite.png"); - --logo-text-bar-color: url("../../_icons/textWhite.png"); } .mainLightGreen { --primary-color: #8BC34A; --primary-color-hover: #7CB342; --primary-color-active: #558B2F; - --text-with-main-color: #000000; - --logo-icon-bar-color: url("../../_icons/iconBlackSmall.png"); - --logo-text-bar-color: url("../../_icons/textBlackSmall.png"); } .mainLime { --primary-color: #CDDC39; --primary-color-hover: #C0CA33; --primary-color-active: #9E9D24; - --text-with-main-color: #000000; - --logo-icon-bar-color: url("../../_icons/iconBlackSmall.png"); - --logo-text-bar-color: url("../../_icons/textBlackSmall.png"); } .mainYellow { --primary-color: #FFEB3B; --primary-color-hover: #FDD835; --primary-color-active: #F9A825; - --text-with-main-color: #000000; - --logo-icon-bar-color: url("../../_icons/iconBlackSmall.png"); - --logo-text-bar-color: url("../../_icons/textBlackSmall.png"); } .mainAmber { --primary-color: #FFC107; --primary-color-hover: #FFB300; --primary-color-active: #FF8F00; - --text-with-main-color: #000000; - --logo-icon-bar-color: url("../../_icons/iconBlackSmall.png"); - --logo-text-bar-color: url("../../_icons/textBlackSmall.png"); } .mainOrange { --primary-color: #FF9800; --primary-color-hover: #FB8C00; --primary-color-active: #EF6C00; - --text-with-main-color: #000000; - --logo-icon-bar-color: url("../../_icons/iconBlackSmall.png"); - --logo-text-bar-color: url("../../_icons/textBlackSmall.png"); } .mainDeepOrange { --primary-color: #FF5722; --primary-color-hover: #F4511E; --primary-color-active: #D84315; - --text-with-main-color: #000000; - --logo-icon-bar-color: url("../../_icons/iconBlackSmall.png"); - --logo-text-bar-color: url("../../_icons/textBlackSmall.png"); +} + +.mainDraculaCyan, +.mainDraculaGreen, +.mainDraculaOrange, +.mainDraculaYellow { + --text-with-main-color: #282A36; + --logo-icon-bar-color: url("../../_icons/iconDraculaDarkSmall.png"); + --logo-text-bar-color: url("../../_icons/textDraculaDarkSmall.png"); +} + +.mainDraculaPink, +.mainDraculaPurple, +.mainDraculaRed { + --text-with-main-color: #F8F8F2; + --logo-icon-bar-color: url("../../_icons/iconDraculaLightSmall.png"); + --logo-text-bar-color: url("../../_icons/textDraculaLightSmall.png"); } .mainDraculaCyan { --primary-color: #8BE9FD; --primary-color-hover: #97EBFD; --primary-color-active: #7DD2E4; - --text-with-main-color: #282A36; - --logo-icon-bar-color: url("../../_icons/iconDraculaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textDraculaDarkSmall.png"); } .mainDraculaGreen { --primary-color: #50FA7B; --primary-color-hover: #62FB88; --primary-color-active: #48E16F; - --text-with-main-color: #282A36; - --logo-icon-bar-color: url("../../_icons/iconDraculaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textDraculaDarkSmall.png"); } .mainDraculaOrange { --primary-color: #FFB86C; --primary-color-hover: #FFBF7B; --primary-color-active: #E6A661; - --text-with-main-color: #282A36; - --logo-icon-bar-color: url("../../_icons/iconDraculaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textDraculaDarkSmall.png"); } .mainDraculaPink { --primary-color: #FF79C6; --primary-color-hover: #FF86CC; --primary-color-active: #E66DB2; - --text-with-main-color: #F8F8F2; - --logo-icon-bar-color: url("../../_icons/iconDraculaLightSmall.png"); - --logo-text-bar-color: url("../../_icons/textDraculaLightSmall.png"); } .mainDraculaPurple { --primary-color: #BD93F9; --primary-color-hover: #C49EFA; --primary-color-active: #AA84E0; - --text-with-main-color: #F8F8F2; - --logo-icon-bar-color: url("../../_icons/iconDraculaLightSmall.png"); - --logo-text-bar-color: url("../../_icons/textDraculaLightSmall.png"); } .mainDraculaRed { --primary-color: #FF5555; --primary-color-hover: #FF6666; --primary-color-active: #E64D4D; - --text-with-main-color: #F8F8F2; - --logo-icon-bar-color: url("../../_icons/iconDraculaLightSmall.png"); - --logo-text-bar-color: url("../../_icons/textDraculaLightSmall.png"); } .mainDraculaYellow { --primary-color: #F1FA8C; --primary-color-hover: #F2FB98; --primary-color-active: #D9E17E; - --text-with-main-color: #282A36; - --logo-icon-bar-color: url("../../_icons/iconDraculaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textDraculaDarkSmall.png"); +} + +.mainCatppuccinMochaRosewater, +.mainCatppuccinMochaFlamingo, +.mainCatppuccinMochaPink, +.mainCatppuccinMochaMauve, +.mainCatppuccinMochaRed, +.mainCatppuccinMochaMaroon, +.mainCatppuccinMochaPeach, +.mainCatppuccinMochaYellow, +.mainCatppuccinMochaGreen, +.mainCatppuccinMochaTeal, +.mainCatppuccinMochaSky, +.mainCatppuccinMochaSapphire, +.mainCatppuccinMochaBlue, +.mainCatppuccinMochaLavender { + --text-with-main-color: #1e1e2e; + --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); + --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaRosewater { --primary-color: #f5e0dc; --primary-color-hover: #fceeec; --primary-color-active: #e1c8c3; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaFlamingo { --primary-color: #f2cdcd; --primary-color-hover: #f2e1e1; --primary-color-active: #ddb7b7; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaPink { --primary-color: #f5c2e7; --primary-color-hover: #f3d2ea; --primary-color-active: #dca3cd; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaMauve { --primary-color: #cba6f7; --primary-color-hover: #d4b7f8; --primary-color-active: #b38fdf; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaRed { --primary-color: #f38ba8; --primary-color-hover: #f0a4b9; --primary-color-active: #de7693; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaMaroon { --primary-color: #eba0ac; --primary-color-hover: #eabbc3; --primary-color-active: #d68895; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaPeach { --primary-color: #fab387; --primary-color-hover: #f7c7a9; --primary-color-active: #e1996d; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaYellow { --primary-color: #f9e2af; --primary-color-hover: #feeecd; --primary-color-active: #dec48d; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaGreen { --primary-color: #a6e3a1; --primary-color-hover: #bfebbb; --primary-color-active: #86c780; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaTeal { --primary-color: #94e2d5; --primary-color-hover: #aceae0; --primary-color-active: #6fc5b7; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaSky { --primary-color: #89dceb; --primary-color-hover: #a3e4f0; --primary-color-active: #68bcca; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaSapphire { --primary-color: #74c7ec; --primary-color-hover: #93d1ed; --primary-color-active: #59a9cf; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaBlue { --primary-color: #89b4fa; --primary-color-hover: #a6c8ff; --primary-color-active: #6593df; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); } .mainCatppuccinMochaLavender { --primary-color: #b4befe; --primary-color-hover: #c9d0ff; --primary-color-active: #8d98e4; - --text-with-main-color: #1e1e2e; - --logo-icon-bar-color: url("../../_icons/iconCatppuccinMochaDarkSmall.png"); - --logo-text-bar-color: url("../../_icons/textCatppuccinMochaDarkSmall.png"); +} + +.secRed +.secPink +.secPurple +.secDeepPurple +.secIndigo +.secBlue +.secLightBlue +.secCyan +.secTeal +.secGreen { + --text-with-accent-color: #FFFFFF; +} + +.secLightGreen +.secLime +.secYellow +.secAmber +.secOrange +.secDeepOrange { + --text-with-accent-color: #000000; } .secRed { @@ -475,7 +449,6 @@ --accent-color-active: #c62828; --accent-color-light: #ef9a9a; --accent-color-visited: #b71c1c; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(244,67,54,0.04); --accent-color-opacity2: rgba(244,67,54,0.12); --accent-color-opacity3: rgba(244,67,54,0.16); @@ -488,7 +461,6 @@ --accent-color-active: #AD1457; --accent-color-light: #F48FB1; --accent-color-visited: #880E4F; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(233,30,99,0.04); --accent-color-opacity2: rgba(233,30,99,0.12); --accent-color-opacity3: rgba(233,30,99,0.16); @@ -501,7 +473,6 @@ --accent-color-active: #6A1B9A; --accent-color-light: #CE93D8; --accent-color-visited: #4A148C; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(156,39,176,0.04); --accent-color-opacity2: rgba(156,39,176,0.12); --accent-color-opacity3: rgba(156,39,176,0.16); @@ -514,7 +485,6 @@ --accent-color-active: #4527A0; --accent-color-light: #B39DDB; --accent-color-visited: #311B92; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(103,58,183,0.04); --accent-color-opacity2: rgba(103,58,183,0.12); --accent-color-opacity3: rgba(103,58,183,0.16); @@ -527,7 +497,6 @@ --accent-color-active: #283593; --accent-color-light: #9FA8DA; --accent-color-visited: #1A237E; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(63,81,181,0.04); --accent-color-opacity2: rgba(63,81,181,0.12); --accent-color-opacity3: rgba(63,81,181,0.16); @@ -540,7 +509,6 @@ --accent-color-active: #1565C0; --accent-color-light: #90CAF9; --accent-color-visited: #0D47A1; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(33,150,243,0.04); --accent-color-opacity2: rgba(33,150,243,0.12); --accent-color-opacity3: rgba(33,150,243,0.16); @@ -553,7 +521,6 @@ --accent-color-active: #0277BD; --accent-color-light: #81D4FA; --accent-color-visited: #01579B; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(3,169,244,0.04); --accent-color-opacity2: rgba(3,169,244,0.12); --accent-color-opacity3: rgba(3,169,244,0.16); @@ -566,7 +533,6 @@ --accent-color-active: #00838F; --accent-color-light: #80DEEA; --accent-color-visited: #006064; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(0,188,212,0.04); --accent-color-opacity2: rgba(0,188,212,0.12); --accent-color-opacity3: rgba(0,188,212,0.16); @@ -579,7 +545,6 @@ --accent-color-active: #00695C; --accent-color-light: #80CBC4; --accent-color-visited: #004D40; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(0,150,136,0.04); --accent-color-opacity2: rgba(0,150,136,0.12); --accent-color-opacity3: rgba(0,150,136,0.16); @@ -592,7 +557,6 @@ --accent-color-active: #2E7D32; --accent-color-light: #A5D6A7; --accent-color-visited: #1B5E20; - --text-with-accent-color: #FFFFFF; --accent-color-opacity1: rgba(76,175,80,0.04); --accent-color-opacity2: rgba(76,175,80,0.12); --accent-color-opacity3: rgba(76,175,80,0.16); @@ -605,7 +569,6 @@ --accent-color-active: #558B2F; --accent-color-light: #C5E1A5; --accent-color-visited: #33691E; - --text-with-accent-color: #000000; --accent-color-opacity1: rgba(139,195,74,0.04); --accent-color-opacity2: rgba(139,195,74,0.12); --accent-color-opacity3: rgba(139,195,74,0.16); @@ -618,7 +581,6 @@ --accent-color-active: #9E9D24; --accent-color-light: #E6EE9C; --accent-color-visited: #827717; - --text-with-accent-color: #000000; --accent-color-opacity1: rgba(205,220,57,0.04); --accent-color-opacity2: rgba(205,220,57,0.12); --accent-color-opacity3: rgba(205,220,57,0.16); @@ -631,7 +593,6 @@ --accent-color-active: #F9A825; --accent-color-light: #FFF59D; --accent-color-visited: #F57F17; - --text-with-accent-color: #000000; --accent-color-opacity1: rgba(255,235,59,0.04); --accent-color-opacity2: rgba(255,235,59,0.12); --accent-color-opacity3: rgba(255,235,59,0.16); @@ -644,7 +605,6 @@ --accent-color-active: #FF8F00; --accent-color-light: #FFE082; --accent-color-visited: #FF6F00; - --text-with-accent-color: #000000; --accent-color-opacity1: rgba(255,193,7,0.04); --accent-color-opacity2: rgba(255,193,7,0.12); --accent-color-opacity3: rgba(255,193,7,0.16); @@ -657,7 +617,6 @@ --accent-color-active: #EF6C00; --accent-color-light: #FFCC80; --accent-color-visited: #E65100; - --text-with-accent-color: #000000; --accent-color-opacity1: rgba(255,152,0,0.04); --accent-color-opacity2: rgba(255,152,0,0.12); --accent-color-opacity3: rgba(255,152,0,0.16); @@ -670,24 +629,45 @@ --accent-color-active: #D84315; --accent-color-light: #FFAB91; --accent-color-visited: #BF360C; - --text-with-accent-color: #000000; --accent-color-opacity1: rgba(255,87,34,0.04); --accent-color-opacity2: rgba(255,87,34,0.12); --accent-color-opacity3: rgba(255,87,34,0.16); --accent-color-opacity4: rgba(255,87,34,0.24); } +.secDraculaCyan, +.secDraculaGreen, +.secDraculaOrange, +.secDraculaYellow { + --text-with-accent-color: #212121; +} + +.secDraculaPink, +.secDraculaPurple, +.secDraculaRed { + --text-with-accent-color: #F8F8F2; +} + +.secDraculaCyan, +.secDraculaGreen, +.secDraculaOrange, +.secDraculaPink, +.secDraculaPurple, +.secDraculaRed, +.secDraculaYellow { + --accent-color-opacity1: rgba(98, 114, 164, 0.04); + --accent-color-opacity2: rgba(98, 114, 164, 0.12); + --accent-color-opacity3: rgba(98, 114, 164, 0.16); + --accent-color-opacity4: rgba(98, 114, 164, 0.24); +} + .secDraculaCyan { --accent-color: #8BE9FD; --accent-color-hover: #97EBFD; --accent-color-active: #7DD2E4; --accent-color-light: #A2EDFD; --accent-color-visited: #6FBACA; - --text-with-accent-color: #212121; - --accent-color-opacity1: rgba(98,114,164,0.04); - --accent-color-opacity2: rgba(98,114,164,0.12); - --accent-color-opacity3: rgba(98,114,164,0.16); - --accent-color-opacity4: rgba(98,114,164,0.24); + } .secDraculaGreen { @@ -696,11 +676,6 @@ --accent-color-active: #48E16F; --accent-color-light: #73FB95; --accent-color-visited: #40C862; - --text-with-accent-color: #212121; - --accent-color-opacity1: rgba(98,114,164,0.04); - --accent-color-opacity2: rgba(98,114,164,0.12); - --accent-color-opacity3: rgba(98,114,164,0.16); - --accent-color-opacity4: rgba(98,114,164,0.24); } .secDraculaOrange { @@ -709,11 +684,6 @@ --accent-color-active: #E6A661; --accent-color-light: #FFC689; --accent-color-visited: #CC9356; - --text-with-accent-color: #212121; - --accent-color-opacity1: rgba(98,114,164,0.04); - --accent-color-opacity2: rgba(98,114,164,0.12); - --accent-color-opacity3: rgba(98,114,164,0.16); - --accent-color-opacity4: rgba(98,114,164,0.24); } .secDraculaPink { @@ -722,11 +692,6 @@ --accent-color-active: #E66DB2; --accent-color-light: #FF94D1; --accent-color-visited: #CC619E; - --text-with-accent-color: #F8F8F2; - --accent-color-opacity1: rgba(98,114,164,0.04); - --accent-color-opacity2: rgba(98,114,164,0.12); - --accent-color-opacity3: rgba(98,114,164,0.16); - --accent-color-opacity4: rgba(98,114,164,0.24); } .secDraculaPurple { @@ -735,11 +700,6 @@ --accent-color-active: #AA84E0; --accent-color-light: #CAA9FA; --accent-color-visited: #9776C7; - --text-with-accent-color: #F8F8F2; - --accent-color-opacity1: rgba(98,114,164,0.04); - --accent-color-opacity2: rgba(98,114,164,0.12); - --accent-color-opacity3: rgba(98,114,164,0.16); - --accent-color-opacity4: rgba(98,114,164,0.24); } .secDraculaRed { @@ -748,11 +708,6 @@ --accent-color-active: #E64D4D; --accent-color-light: #FF7777; --accent-color-visited: #CC4444; - --text-with-accent-color: #F8F8F2; - --accent-color-opacity1: rgba(98,114,164,0.04); - --accent-color-opacity2: rgba(98,114,164,0.12); - --accent-color-opacity3: rgba(98,114,164,0.16); - --accent-color-opacity4: rgba(98,114,164,0.24); } .secDraculaYellow { @@ -761,11 +716,23 @@ --accent-color-active: #D9E17E; --accent-color-light: #F4FBA3; --accent-color-visited: #C1C870; - --text-with-accent-color: #212121; - --accent-color-opacity1: rgba(98,114,164,0.04); - --accent-color-opacity2: rgba(98,114,164,0.12); - --accent-color-opacity3: rgba(98,114,164,0.16); - --accent-color-opacity4: rgba(98,114,164,0.24); +} + +.secCatppuccinMochaRosewater, +.secCatppuccinMochaFlamingo, +.secCatppuccinMochaPink, +.secCatppuccinMochaMauve, +.secCatppuccinMochaRed, +.secCatppuccinMochaMaroon, +.secCatppuccinMochaPeach, +.secCatppuccinMochaYellow, +.secCatppuccinMochaGreen, +.secCatppuccinMochaTeal, +.secCatppuccinMochaSky, +.secCatppuccinMochaSapphire, +.secCatppuccinMochaBlue, +.secCatppuccinMochaLavender { + --text-with-accent-color: #1e1e2e; } .secCatppuccinMochaRosewater { @@ -774,7 +741,6 @@ --accent-color-active: #e1c8c3; --accent-color-light: #F8EAE7; --accent-color-visited: #D3A197; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(245,224,220,0.04); --accent-color-opacity2: rgba(245,224,220,0.12); --accent-color-opacity3: rgba(245,224,220,0.16); @@ -787,7 +753,6 @@ --accent-color-active: #ddb7b7; --accent-color-light: #F7DFDF; --accent-color-visited: #cf9898; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(242,205,205,0.04); --accent-color-opacity2: rgba(242,205,205,0.12); --accent-color-opacity3: rgba(242,205,205,0.16); @@ -800,7 +765,6 @@ --accent-color-active: #dca3cd; --accent-color-light: #f4dbed; --accent-color-visited: #d28fc0; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(245,194,231,0.04); --accent-color-opacity2: rgba(245,194,231,0.12); --accent-color-opacity3: rgba(245,194,231,0.16); @@ -813,7 +777,6 @@ --accent-color-active: #b38fdf; --accent-color-light: #D6B9F9; --accent-color-visited: #A171DA; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(203,166,247,0.04); --accent-color-opacity2: rgba(203,166,247,0.12); --accent-color-opacity3: rgba(203,166,247,0.16); @@ -826,7 +789,6 @@ --accent-color-active: #de7693; --accent-color-light: #F5A3BA; --accent-color-visited: #D56C89; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(243,139,168,0.04); --accent-color-opacity2: rgba(243,139,168,0.12); --accent-color-opacity3: rgba(243,139,168,0.16); @@ -839,7 +801,6 @@ --accent-color-active: #d68895; --accent-color-light: #F0B7C0; --accent-color-visited: #C86A79; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(235,160,172,0.04); --accent-color-opacity2: rgba(235,160,172,0.12); --accent-color-opacity3: rgba(235,160,172,0.16); @@ -852,7 +813,6 @@ --accent-color-active: #e1996d; --accent-color-light: #FBC4A2; --accent-color-visited: #D78A5B; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(250,179,135,0.04); --accent-color-opacity2: rgba(250,179,135,0.12); --accent-color-opacity3: rgba(250,179,135,0.16); @@ -865,7 +825,6 @@ --accent-color-active: #dec48d; --accent-color-light: #FBECCB; --accent-color-visited: #D5B05D; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(249,226,175,0.04); --accent-color-opacity2: rgba(249,226,175,0.12); --accent-color-opacity3: rgba(249,226,175,0.16); @@ -878,7 +837,6 @@ --accent-color-active: #86c780; --accent-color-light: #BCEAB8; --accent-color-visited: #6ED166; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(166,227,161,0.04); --accent-color-opacity2: rgba(166,227,161,0.12); --accent-color-opacity3: rgba(166,227,161,0.16); @@ -891,7 +849,6 @@ --accent-color-active: #6fc5b7; --accent-color-light: #AFE9DF; --accent-color-visited: #5CCCB9; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(148,226,213,0.04); --accent-color-opacity2: rgba(148,226,213,0.12); --accent-color-opacity3: rgba(148,226,213,0.16); @@ -904,7 +861,6 @@ --accent-color-active: #68bcca; --accent-color-light: #9FE3EF; --accent-color-visited: #64C2D3; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(137,220,235,0.04); --accent-color-opacity2: rgba(137,220,235,0.12); --accent-color-opacity3: rgba(137,220,235,0.16); @@ -917,7 +873,6 @@ --accent-color-active: #59a9cf; --accent-color-light: #93D4F0; --accent-color-visited: #6AB6D7; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(116,199,236,0.04); --accent-color-opacity2: rgba(116,199,236,0.12); --accent-color-opacity3: rgba(116,199,236,0.16); @@ -930,7 +885,6 @@ --accent-color-active: #6593df; --accent-color-light: #A7C7FB; --accent-color-visited: #739CDD; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(137,220,235,0.04); --accent-color-opacity2: rgba(137,220,235,0.12); --accent-color-opacity3: rgba(137,220,235,0.16); @@ -943,7 +897,6 @@ --accent-color-active: #8d98e4; --accent-color-light: #D2D8FE; --accent-color-visited: #96A1E9; - --text-with-accent-color: #1e1e2e; --accent-color-opacity1: rgba(180,190,254,0.04); --accent-color-opacity2: rgba(180,190,254,0.12); --accent-color-opacity3: rgba(180,190,254,0.16);