From 30c139ebe0fd938f1a6f17d9b64e8bab5b482cac Mon Sep 17 00:00:00 2001 From: yazninja Date: Sun, 3 Jul 2022 19:56:40 +0800 Subject: [PATCH] Colorize sponsor buttons in about page Co-authored-by: ctaetcsh <48845980+ctaetcsh@users.noreply.github.com> --- src/renderer/assets/discord.svg | 49 +++++++++++--- src/renderer/assets/github.svg | 44 ++++++++++++- src/renderer/assets/ko_fi.svg | 58 +++++++++++++++- src/renderer/assets/open_collective.svg | 51 +++++++++++++- src/renderer/assets/twitter.svg | 88 +++++++++++-------------- src/renderer/style.css | 15 +++++ src/renderer/style.less | 15 +++++ src/renderer/views/pages/about.ejs | 12 ++-- 8 files changed, 264 insertions(+), 68 deletions(-) diff --git a/src/renderer/assets/discord.svg b/src/renderer/assets/discord.svg index f905d235..3b0fa57f 100644 --- a/src/renderer/assets/discord.svg +++ b/src/renderer/assets/discord.svg @@ -1,10 +1,41 @@ - - - - - - - - - + + + + + diff --git a/src/renderer/assets/github.svg b/src/renderer/assets/github.svg index 2180f759..e84df9e7 100644 --- a/src/renderer/assets/github.svg +++ b/src/renderer/assets/github.svg @@ -1,3 +1,41 @@ - - - \ No newline at end of file + + + + + + diff --git a/src/renderer/assets/ko_fi.svg b/src/renderer/assets/ko_fi.svg index 8630f586..e44aadbe 100644 --- a/src/renderer/assets/ko_fi.svg +++ b/src/renderer/assets/ko_fi.svg @@ -1 +1,57 @@ - \ No newline at end of file + + + + + + + + + diff --git a/src/renderer/assets/open_collective.svg b/src/renderer/assets/open_collective.svg index ea86a543..59e09857 100644 --- a/src/renderer/assets/open_collective.svg +++ b/src/renderer/assets/open_collective.svg @@ -1 +1,50 @@ - \ No newline at end of file + + + + + + + + + diff --git a/src/renderer/assets/twitter.svg b/src/renderer/assets/twitter.svg index 1bbb2f50..ce724ef1 100644 --- a/src/renderer/assets/twitter.svg +++ b/src/renderer/assets/twitter.svg @@ -1,49 +1,41 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + diff --git a/src/renderer/style.css b/src/renderer/style.css index 64566b21..ed69e7f6 100644 --- a/src/renderer/style.css +++ b/src/renderer/style.css @@ -16344,6 +16344,21 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { margin: 0px 16px 0px 0px; pointer-events: none; } +.about-page .sponsorBtn.githubBtn { + background-color: #211F1F; +} +.about-page .sponsorBtn.kofiBtn { + background-color: #FBAA19; +} +.about-page .sponsorBtn.opencollectiveBtn { + background-color: #7fadf2; +} +.about-page .sponsorBtn.discordBtn { + background-color: #5865F2; +} +.about-page .sponsorBtn.twitterBtn { + background-color: #1D9BF0; +} .sidebar-playlist .folder-button-active { background: rgba(255, 255, 255, 0.12); } diff --git a/src/renderer/style.less b/src/renderer/style.less index a9d8e5c4..4267d535 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -1914,6 +1914,21 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { margin: 0px 16px 0px 0px; pointer-events: none; } + &.githubBtn { + background-color: #211F1F; + } + &.kofiBtn { + background-color: #FBAA19; + } + &.opencollectiveBtn { + background-color: #7fadf2; + } + &.discordBtn { + background-color: #5865F2; + } + &.twitterBtn { + background-color: #1D9BF0; + } } } diff --git a/src/renderer/views/pages/about.ejs b/src/renderer/views/pages/about.ejs index 82f9ecad..eec5e8f4 100644 --- a/src/renderer/views/pages/about.ejs +++ b/src/renderer/views/pages/about.ejs @@ -12,13 +12,13 @@ {{$root.getLz('term.rightsReserved')}}

{{$root.getLz('term.sponsor')}}

- - - + + +

{{$root.getLz('term.socials')}}

- - - + + +