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')}}

- - - + + +