From e14a5796ba89f75a837fc1d6ac303511315fad47 Mon Sep 17 00:00:00 2001 From: Rekito Date: Wed, 20 Jul 2022 02:44:47 +0100 Subject: [PATCH] Added Catppuccin Mocha Theme (#2395) * Added Catppuccin Mocha Theme * Corrected Catppuccin Mocha Theme Hover Colors * Fix text overflow when selecting theme accent colors Co-authored-by: Otiker --- _icons/iconCatppuccinMochaDarkSmall.png | Bin 0 -> 3548 bytes _icons/iconCatppuccinMochaLightSmall.png | Bin 0 -> 4681 bytes _icons/textCatppuccinMochaDarkSmall.png | Bin 0 -> 5650 bytes _icons/textCatppuccinMochaLightSmall.png | Bin 0 -> 9246 bytes src/main/index.js | 2 + .../components/ft-select/ft-select.css | 4 +- .../ft-share-button/ft-share-button.sass | 1 + .../theme-settings/theme-settings.js | 6 +- src/renderer/store/modules/utils.js | 33 +- src/renderer/themes.css | 332 ++++++++++++++++++ static/locales/en-US.yaml | 15 + 11 files changed, 388 insertions(+), 5 deletions(-) create mode 100644 _icons/iconCatppuccinMochaDarkSmall.png create mode 100644 _icons/iconCatppuccinMochaLightSmall.png create mode 100644 _icons/textCatppuccinMochaDarkSmall.png create mode 100644 _icons/textCatppuccinMochaLightSmall.png diff --git a/_icons/iconCatppuccinMochaDarkSmall.png b/_icons/iconCatppuccinMochaDarkSmall.png new file mode 100644 index 0000000000000000000000000000000000000000..bfc93ad5690d59dd23ee1d8a4802e5d1884df2c0 GIT binary patch literal 3548 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 LNkvXXu0mjf_mStZ literal 0 HcmV?d00001 diff --git a/_icons/textCatppuccinMochaDarkSmall.png b/_icons/textCatppuccinMochaDarkSmall.png new file mode 100644 index 0000000000000000000000000000000000000000..e2fba035e8528947b89fdf8c74ab652560c63a6f GIT binary patch literal 5650 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 literal 0 HcmV?d00001 diff --git a/_icons/textCatppuccinMochaLightSmall.png b/_icons/textCatppuccinMochaLightSmall.png new file mode 100644 index 0000000000000000000000000000000000000000..70e96901016fb313007f3f75851e2d4bcf2fa9b1 GIT binary patch literal 9246 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 literal 0 HcmV?d00001 diff --git a/src/main/index.js b/src/main/index.js index 394a7c16..7c733b7c 100644 --- a/src/main/index.js +++ b/src/main/index.js @@ -185,6 +185,8 @@ function runApp() { return '#000000' case 'dracula': return '#282a36' + case 'catppuccin-mocha': + return '#1e1e2e' case 'system': default: return nativeTheme.shouldUseDarkColors ? '#212121' : '#f1f1f1' diff --git a/src/renderer/components/ft-select/ft-select.css b/src/renderer/components/ft-select/ft-select.css index 10b3f6d6..067c5e0f 100644 --- a/src/renderer/components/ft-select/ft-select.css +++ b/src/renderer/components/ft-select/ft-select.css @@ -58,7 +58,9 @@ /* Use custom arrow */ .select .select-text { appearance: none; - -webkit-appearance:none + -webkit-appearance:none; + text-overflow: ellipsis; + padding-right: 1.1rem; } .iconSelect { diff --git a/src/renderer/components/ft-share-button/ft-share-button.sass b/src/renderer/components/ft-share-button/ft-share-button.sass index f5a7e115..2fd5271b 100644 --- a/src/renderer/components/ft-share-button/ft-share-button.sass +++ b/src/renderer/components/ft-share-button/ft-share-button.sass @@ -56,6 +56,7 @@ .dark &, .black &, .dracula &, + .CatppuccinMocha &, .system[data-system-theme*='dark'] & background-image: url(~../../assets/img/invidious-logo-dark.svg) diff --git a/src/renderer/components/theme-settings/theme-settings.js b/src/renderer/components/theme-settings/theme-settings.js index 25a0a136..d91a6e01 100644 --- a/src/renderer/components/theme-settings/theme-settings.js +++ b/src/renderer/components/theme-settings/theme-settings.js @@ -33,7 +33,8 @@ export default Vue.extend({ 'light', 'dark', 'black', - 'dracula' + 'dracula', + 'catppuccinMocha' ] } }, @@ -91,7 +92,8 @@ export default Vue.extend({ this.$t('Settings.Theme Settings.Base Theme.Light'), this.$t('Settings.Theme Settings.Base Theme.Dark'), this.$t('Settings.Theme Settings.Base Theme.Black'), - this.$t('Settings.Theme Settings.Base Theme.Dracula') + this.$t('Settings.Theme Settings.Base Theme.Dracula'), + this.$t('Settings.Theme Settings.Base Theme.Catppuccin Mocha') ] }, diff --git a/src/renderer/store/modules/utils.js b/src/renderer/store/modules/utils.js index 911385c8..d40732e2 100644 --- a/src/renderer/store/modules/utils.js +++ b/src/renderer/store/modules/utils.js @@ -50,7 +50,22 @@ const state = { 'DraculaPink', 'DraculaPurple', 'DraculaRed', - 'DraculaYellow' + 'DraculaYellow', + 'CatppuccinMochaRosewater', + 'CatppuccinMochaFlamingo', + 'CatppuccinMochaPink', + 'CatppuccinMochaMauve', + 'CatppuccinMochaRed', + 'CatppuccinMochaMaroon', + 'CatppuccinMochaPeach', + 'CatppuccinMochaYellow', + 'CatppuccinMochaGreen', + 'CatppuccinMochaTeal', + 'CatppuccinMochaSky', + 'CatppuccinMochaSapphire', + 'CatppuccinMochaBlue', + 'CatppuccinMochaLavender' + ], colorValues: [ '#d50000', @@ -75,7 +90,21 @@ const state = { '#FF79C6', '#BD93F9', '#FF5555', - '#F1FA8C' + '#F1FA8C', + '#F5E0DC', + '#F2CDCD', + '#F5C2E7', + '#CBA6F7', + '#F38BA8', + '#EBA0AC', + '#FAB387', + '#F9E2AF', + '#A6E3A1', + '#94E2D5', + '#89DCEB', + '#74C7EC', + '#89B4FA', + '#B4BEFE' ], externalPlayerNames: [], externalPlayerValues: [], diff --git a/src/renderer/themes.css b/src/renderer/themes.css index 0e7b1f2a..09af4504 100644 --- a/src/renderer/themes.css +++ b/src/renderer/themes.css @@ -112,6 +112,30 @@ --logo-text: url("~../../_icons/textDraculaLightSmall.png"); } +.catppuccinMocha { + --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; + --scrollbar-color: #313244; + --scrollbar-color-hover: #3D4051; + --side-nav-color: #181825; + --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 { --primary-color: #f44336; --primary-color-hover: #e53935; @@ -319,6 +343,132 @@ --logo-text-bar-color: url("~../../_icons/textDraculaDarkSmall.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 { --accent-color: #f44336; --accent-color-hover: #e53935; @@ -618,6 +768,188 @@ --accent-color-opacity4: rgba(98,114,164,0.24); } +.secCatppuccinMochaRosewater { + --accent-color: #f5e0dc; + --accent-color-hover: #fceeec; + --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); + --accent-color-opacity4: rgba(245,224,220,0.24); +} + +.secCatppuccinMochaFlamingo { + --accent-color: #f2cdcd; + --accent-color-hover: #f3d7d7; + --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); + --accent-color-opacity4: rgba(242,205,205,0.24); +} + +.secCatppuccinMochaPink { + --accent-color: #f5c2e7; + --accent-color-hover: #f3cee9; + --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); + --accent-color-opacity4: rgba(245,194,231,0.24); +} + +.secCatppuccinMochaMauve { + --accent-color: #cba6f7; + --accent-color-hover: #d4b7f8; + --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); + --accent-color-opacity4: rgba(203,166,247,0.24); +} + +.secCatppuccinMochaRed { + --accent-color: #f38ba8; + --accent-color-hover: #f399b2; + --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); + --accent-color-opacity4: rgba(243,139,168,0.24); +} + +.secCatppuccinMochaMaroon { + --accent-color: #eba0ac; + --accent-color-hover: #ebb4bd; + --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); + --accent-color-opacity4: rgba(235,160,172,0.24); +} + +.secCatppuccinMochaPeach { + --accent-color: #fab387; + --accent-color-hover: #f7bd99; + --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); + --accent-color-opacity4: rgba(250,179,135,0.24); +} + +.secCatppuccinMochaYellow { + --accent-color: #f9e2af; + --accent-color-hover: #f9e7bf; + --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); + --accent-color-opacity4: rgba(249,226,175,0.24); +} + +.secCatppuccinMochaGreen { + --accent-color: #a6e3a1; + --accent-color-hover: #b6e3b2; + --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); + --accent-color-opacity4: rgba(166,227,161,0.24); +} + +.secCatppuccinMochaTeal { + --accent-color: #94e2d5; + --accent-color-hover: #a1dfd5; + --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); + --accent-color-opacity4: rgba(148,226,213,0.24); +} + +.secCatppuccinMochaSky { + --accent-color: #89dceb; + --accent-color-hover: #99dfeb; + --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); + --accent-color-opacity4: rgba(137,220,235,0.24); +} + +.secCatppuccinMochaSapphire { + --accent-color: #74c7ec; + --accent-color-hover: #84c7e6; + --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); + --accent-color-opacity4: rgba(116,199,236,0.24); +} + +.secCatppuccinMochaBlue { + --accent-color: #89b4fa; + --accent-color-hover: #9bbef6; + --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); + --accent-color-opacity4: rgba(137,220,235,0.24); +} + +.secCatppuccinMochaLavender { + --accent-color: #b4befe; + --accent-color-hover: #c9d0ff; + --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); + --accent-color-opacity4: rgba(180,190,254,0.24); +} + body { margin: 0; min-height: 100vh; diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml index 8247bb1f..dc192515 100644 --- a/static/locales/en-US.yaml +++ b/static/locales/en-US.yaml @@ -182,6 +182,7 @@ Settings: System Default: System Default Light: Light Dracula: Dracula + Catppuccin Mocha: Catppuccin Mocha Main Color Theme: Main Color Theme: Main Color Theme Red: Red @@ -207,6 +208,20 @@ Settings: Dracula Purple: Dracula Purple Dracula Red: Dracula Red Dracula Yellow: Dracula Yellow + Catppuccin Mocha Rosewater: Catppuccin Mocha Rosewater + Catppuccin Mocha Flamingo: Catppuccin Mocha Flamingo + Catppuccin Mocha Pink: Catppuccin Mocha Pink + Catppuccin Mocha Mauve: Catppuccin Mocha Mauve + Catppuccin Mocha Red: Catppuccin Mocha Red + Catppuccin Mocha Maroon: Catppuccin Mocha Maroon + Catppuccin Mocha Peach: Catppuccin Mocha Peach + Catppuccin Mocha Yellow: Catppuccin Mocha Yellow + Catppuccin Mocha Green: Catppuccin Mocha Green + Catppuccin Mocha Teal: Catppuccin Mocha Teal + Catppuccin Mocha Sky: Catppuccin Mocha Sky + Catppuccin Mocha Sapphire: Catppuccin Mocha Sapphire + Catppuccin Mocha Blue: Catppuccin Mocha Blue + Catppuccin Mocha Lavender: Catppuccin Mocha Lavender Secondary Color Theme: Secondary Color Theme #* Main Color Theme Player Settings: