light blue theme for bluesky. Does not work well with the dark theme.
Bluesky - Light Blue theme by babzai
Details
Authorbabzai
LicenseNo License
Categoryhttps://bsky.app/
Created
Updated
Size1.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
names and the post editor have a blue background and I have no idea how to fix this
Source code
@name Bluesky - Light Blue theme
@namespace https://bsky.app/
@version 1
@-moz-document url-prefix("https://bsky.app/") {
/* main */
html.theme--light {
--text: #000;
--background: #fff;
--backgroundLight: #f0f2f5;
background-color: #2b81a5;
}
/* center */
.r-2llsf, div.r-13awgt0:nth-child(3) > div:nth-child(1) > div:nth-child(1) {
min-height: 100%;
background-color: #2b81a5!important
}
.r-5kkj8d {
border-top-width: 1px;
background-color: #fff;
}
div.r-1jj8364:nth-child(2) > div:nth-child(3), div.r-1jj8364:nth-child(2){
background-color: white;
height: unset !important;
}
.r-eqz5dr > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(4), .r-1ljd8xs {
background-color: white;
bottom: auto;
height: 100vh!important;
}
div.r-1ljd8xs:nth-child(1), .r-gtdqiz
{
height: unset!important;
}
.r-1d5kdc7 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1), div.r-13awgt0:nth-child(2) > div:nth-child(1) > div:nth-child(1), .r-1d5kdc7 > div:nth-child(1) > div:nth-child(1)
{
background-color: #2b81a5!important
}
.r-1jj8364
{
background-color: white;
}
/* left side */
.r-c4unlt {
left: calc(-595px + 50vw);
}
.r-1w88a7h {
width: 240px;
border-width: 2px;
border-radius: 25px;
padding: 12px;
}
/* right side */
.r-pm9dpa {
border-width: 2px;
border-radius: 25px;
border-color: rgb(212, 219, 226);
top: 10px;
padding: 12px;
}
.r-ry3cjt {
padding-right: 15px;
background-color: #fff;
}
/* --right side search bar*/
.r-1ipicw7 {
width: auto;
}
}