Custom CSS theme - Pure BLACK / album color, Rounded off Corners, Font Change

[ht-suji]

I make a custom CSS theme. cause i Really wanted to change the default font :) (and since it doesn't have a plugin)

Looks:

myStyles-Abril_Fatface,PoppinsDark1:

myStyles-Nunito,PoppinsAlbum1:

myStyles-Nunito,PoppinsAlbum2:

myStyles-Nunito,PoppinsDark1:

myStyles-Nunito,PoppinsDark2:

CSS:

Changes:

Apr 04 2024

• added Album theme css which blends the whole color of the app when using album theme plugin
• added preview photos

Oct 23 2023

• Pure Black for the bottom player (album-color-theme should be off for it to be all black)
• rounded off corners
• Font Change (Headings and Normal) (can be changed in CSS file),
  • Local fonts (Installed on pc) works fine
  • online fonts (sort of) works

I used this site for good pairing fonts https://www.w3schools.com/css/css_font_pairings.asp

Steps:

To add it,

1. Copy the CSS code pinned at the last,
2. Save it in .css format.
3. Open the app,
4. Options -> Visual Tweaks -> Themes -> Import Custom CSS. and select this file.
5. Restart App.
   (It will load from the location you saved it, each time when opening so don't delete the CSS file)

Make any changes that is appropriate , this is my first time writing a CSS file so i pretty much just used !important keyword for every change i made.

custom fonts:

for some reason i can't use the @import url(""), it's just not loading it but, i can copy the content from the url and paste it in the css, then it works, so sort of can load online fonts.
copy the contents from here - https://fonts.googleapis.com/css?family=<font1>|<font2> change font1 and font2 as the font u like in google fonts

For Example,
@import url("https://fonts.googleapis.com/css?family=Abril+Fatface|Poppins") doesn't work
i instead copy the content from that url into the css - then it works.

Change the variables if you want.

/*VARIABLES*/
:root {
  --radius_border: 7px;
  --header_font: "Albril Fatface"; 
  --ui_font: "Poppins";>   
}

my themes:

• myStyles-Abril_Fatface,NunitoDark.css
• myStyles-Abril_Fatface,PoppinsDark.css
• myStyles-Nunito,PoppinsAlbum.css
• myStyles-Nunito,PoppinsDark.css

YTMusicThemes.zip