Custom CSS theme - Pure BLACK / album color, Rounded off Corners, Font Change #1346
ht-suji
started this conversation in
Show and tell
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
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-Abril_Fatface,PoppinsDark1](https://private-user-images.githubusercontent.com/132142130/319461513-701b80df-b7a5-457c-97a8-7b1999eccabc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxNjg0NTMsIm5iZiI6MTcyMDE2ODE1MywicGF0aCI6Ii8xMzIxNDIxMzAvMzE5NDYxNTEzLTcwMWI4MGRmLWI3YTUtNDU3Yy05N2E4LTdiMTk5OWVjY2FiYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNVQwODI5MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04M2UzYTBhYTA5ZDZkMmVlMWJjMjMwMDhkZGRmMTA1ZGQyNDNiYWNkMTEwY2MwMWI4MWIxNDg1MGZmOTQ5MzIwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-vxfMrjyCqFn6OLQyXDFqXI4n3yJxk_AlXUAHkX_kn0)
![myStyles-Nunito,PoppinsAlbum1](https://private-user-images.githubusercontent.com/132142130/319461523-9ebb0624-f252-4bf8-a9c4-75f33b709ac5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxNjg0NTMsIm5iZiI6MTcyMDE2ODE1MywicGF0aCI6Ii8xMzIxNDIxMzAvMzE5NDYxNTIzLTllYmIwNjI0LWYyNTItNGJmOC1hOWM0LTc1ZjMzYjcwOWFjNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNVQwODI5MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mY2JmMzc3M2U5NTgyOTVjYTI0MzJkYzI1YmM0OGY0ZjBmYjZiZWFhZGRlMTkwNTc3ODlmMGFlZDBmMWMzNzMzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.bLNpnDeX8pquwZ87A97n71VXpMhpfq1sNIKNnvIn1RY)
![myStyles-Nunito,PoppinsAlbum2](https://private-user-images.githubusercontent.com/132142130/319461525-48f5fa9b-20df-4cae-8196-0ba0cc623a0c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxNjg0NTMsIm5iZiI6MTcyMDE2ODE1MywicGF0aCI6Ii8xMzIxNDIxMzAvMzE5NDYxNTI1LTQ4ZjVmYTliLTIwZGYtNGNhZS04MTk2LTBiYTBjYzYyM2EwYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNVQwODI5MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03MWM0NDRlM2E4MTYzMDJmNDY3NmQ4YmExZGY2NmU3NTBiYTgzMzE3OWQ0ODQ3NjUyZGRiM2E4M2M3MmIyMTIzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.txVJfng6brmeTR-4Vhl-eiJ_mC5u5ZMk3y8UOtWI1iQ)
![myStyles-Nunito,PoppinsDark1](https://private-user-images.githubusercontent.com/132142130/319461528-546650f2-2e2e-476b-8d3f-25014b8a0cbf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxNjg0NTMsIm5iZiI6MTcyMDE2ODE1MywicGF0aCI6Ii8xMzIxNDIxMzAvMzE5NDYxNTI4LTU0NjY1MGYyLTJlMmUtNDc2Yi04ZDNmLTI1MDE0YjhhMGNiZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNVQwODI5MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05MmJlN2QwMjJhYWE0OTUyYjUzMzRmODFlZDIzY2Q3OTNmNTk0OTljNWIxMGI2MTAyODBlMTI4OTg5OTJlMDUyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.y7q2jAh-6i5P-miO-38TLMHNzNzsJvnuUriZ32JWK8Q)
![myStyles-Nunito,PoppinsDark2](https://private-user-images.githubusercontent.com/132142130/319461530-95f67d21-adf8-4f9b-b374-5b22a87e47a2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxNjg0NTMsIm5iZiI6MTcyMDE2ODE1MywicGF0aCI6Ii8xMzIxNDIxMzAvMzE5NDYxNTMwLTk1ZjY3ZDIxLWFkZjgtNGY5Yi1iMzc0LTViMjJhODdlNDdhMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNVQwODI5MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMWNlZDQ0Mzg2ZDQxZWNjYTlmYjI4ZWJmNTcyYzY3ZDNiYmY2ZGI0NjE4OGIzNTE4MDMxMGZkYWUzYTc2NWVhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.zOgeVgojIxYaWBSd_FnNEYO6NDlXFi6qM32mSJEnNy8)
myStyles-Nunito,PoppinsAlbum1:
myStyles-Nunito,PoppinsAlbum2:
myStyles-Nunito,PoppinsDark1:
myStyles-Nunito,PoppinsDark2:
CSS:
Changes:
Apr 04 2024
Oct 23 2023
Steps:
To add it,
.css
format.(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 fontsFor Example,
@import url("https://fonts.googleapis.com/css?family=Abril+Fatface|Poppins")
doesn't worki instead copy the content from that url into the css - then it works.
Change the variables if you want.
my themes:
YTMusicThemes.zip
Beta Was this translation helpful? Give feedback.
All reactions