Così è, se vi piace. CSS alternativo per BSky. Si applica tramite StyleBot (Chrome/Firefox), ma a manina. Se avviate l’estensione sulla pagina, per qualche motivo non funziona. Quindi: aprite le opzioni di Stylebot, create un nuovo stile da applicare a https://bsky.app/, copiateci dentro il codice sotto, salvate e fine. Alcune classi sono ballerine, specialmente il bottone arancione in basso a destra, che torna blu.
html{
border: none;
background-color: #191919;
}
body {
--fbc-blue-60: #212121;
--fbc-blue-70: #191919;
--fbc-gray-20: #999;
--fbc-light-gray: #ccc;
--fbc-white: #ffffff;
--fbc-transition: all .15s cubic-bezier(.07,.95,0,1);
--fbc-borders: none;
--fbc-primary-text: #dedede;
--fbc-secondary-text: #b4b4b4;
--fbc-font-size: 13px;
}
html.theme--dim {
--text: #ccc;
--background: #212121;
--backgroundLight: #232323;
color-scheme: dark;
}
:root {
line-height: 1.5em;
--rc-drag-handle-size: 12px;
--rc-drag-handle-mobile-size: 24px;
--rc-drag-handle-bg-colour: #0003;
--rc-drag-bar-size: 6px;
--rc-border-color: #212121;
--rc-focus-color: #212121;
}
.css-175oi2r {
background-color: transparent;
border: none;
}
.r-z2g584 {
width: auto;
margin: 1em;
padding: 0.25em;
border-radius: 22px;
background-color: #161616;
box-shadow: -1px -1px 45px 2px rgba(0,0,0,0.9);
}
div.r-1ljd8xs:nth-child(1) > div:nth-child(1) > svg:nth-child(1),
div.r-1wtj0ep:nth-child(1) > div:nth-child(2) > svg:nth-child(1) > path:nth-child(1) {
filter: hue-rotate(95deg);
}
.r-1ey2ra3 > img {
border-radius: 46% 45% 33% 42% / 45% 39% 52% 52% ;
}
.r-lltvgl {
background: rgba(25, 25, 25, 0.87);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8.3px);
-webkit-backdrop-filter: blur(8.3px);
border: 1px solid rgba(25, 25, 25, 0.37);
margin-bottom: 1em;
}
.r-1cvj4g8 {
margin-bottom: 1em;
border-radius: 35px;
background-color: #282828;
padding: 1em;
padding-top: 1.75em;
}
div.r-f8sm7e:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > img:nth-child(1){
border-radius: 35px;
margin-top: 1em;
}
[data-word-wrap] {
word-break: break-word;
margin-top: 1em;
margin-bottom: 1em;
}
button.css-175oi2r:nth-child(2){
background-color: rgba(25, 25, 25, 0.87);
}
.r-2llsf > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > button:nth-child(1) > div:nth-child(1),
.r-2llsf > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > button:nth-child(1) > div:nth-child(1),
html.theme--dim.clouuruh.idc0_343 body div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-kemksi div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0.r-1d5kdc7.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-13awgt0 div.css-175oi2r div.css-175oi2r.r-eqz5dr.r-1pi2tsx.r-13g33dw div.css-175oi2r button.css-175oi2r.r-1loqt21.r-1otgn73 div.css-175oi2r.r-1awozwy.r-1777fci.r-1xomwt0.r-1k9zyfm.r-1ey2ra3
{
background: rgb(247,125,26);
background: linear-gradient(0deg, rgba(247,125,26,1) 0%, rgba(255,152,1,1) 50%, rgba(255,169,43,1) 100%);
}
.r-1ye8kvj {
background-color: rgba(25, 25, 25, 0.95);
border-radius: 55px;
padding: 1em;
}
.r-9aw3ui > button > div {
color: rgb(247,125,26);
}
.r-1xfd6ze > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > button:nth-child(1) > svg:nth-child(1) > path:nth-child(1),
.r-1xfd6ze > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > button:nth-child(2) > svg:nth-child(1) > path:nth-child(1),
.r-1xfd6ze > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > button:nth-child(3) > svg:nth-child(1) > path:nth-child(1),
button.css-175oi2r:nth-child(4) > svg:nth-child(1) > path:nth-child(1),
.r-1xfd6ze > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > button:nth-child(1) > svg:nth-child(1) > path:nth-child(1) {
fill: rgb(247,125,26);
}
html.theme--dim.yimvwcmas.idc0_343 body div#root div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r.r-13awgt0.r-12vffkv div.css-175oi2r div.css-175oi2r.r-13awgt0 div.css-175oi2r.r-kemksi div div.css-175oi2r.r-1xfd6ze.r-rs99b7.r-p1pxzi.r-d0c3f3.r-r8bmzb.r-1ye8kvj.r-1udh08x.r-1mkv55d.r-13qz1uu div.css-175oi2r div.css-175oi2r div.css-175oi2r div.css-175oi2r div.css-175oi2r div.css-175oi2r.r-1niwhzg.r-1udh08x svg path{
stroke: rgb(247,125,26);
}
.r-cwly78 > div:nth-child(1){
color: rgb(247,125,26);
}
.ProseMirror {
opacity: 0.8;
}
.r-kemksi > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
background-color: #232323;
border-radius: 25px;
box-shadow: -1px -1px 45px 2px rgba(0,0,0,0.94);
border: 10px solid #191919;
}
.r-84gixx > path:nth-child(1) {
filter: saturate(200%);
color: red;
fill: red;
}
div.r-1xfd6ze {
background-color: #232323;
border-radius: 25px;
box-shadow: -1px -1px 45px 2px rgba(0,0,0,0.94);
border: 10px solid #191919;
}
div.r-kemksi:nth-child(2){
background-color: #232323;
border-radius: 25px;
box-shadow: -1px -1px 45px 2px rgba(0,0,0,0.94);
border: 10px solid #191919;
}
a.css-175oi2r:nth-child(4) > div:nth-child(1) > div:nth-child(2){
background-image: linear-gradient(to right bottom, #ff680a, #ff6209, #ff5b09, #ff5409, #ff4c0a);
padding: 0.125em;
font-weight: bold;
transform: rotate(13deg);
box-shadow: -1px -1px 45px 2px rgba(0,0,0,0.94);
}
button.css-175oi2r > div:nth-child(2){
color: #ffffff;
}
.r-2llsf > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > button:nth-child(1) > div:nth-child(1){
background: rgb(247,125,26);
background: linear-gradient(0deg, rgba(247,125,26,1) 0%, rgba(255,152,1,1) 50%, rgba(255,169,43,1) 100%);
}
.r-kemksi > div:nth-child(2){
background: rgba(22, 22, 22, 0.8);
border-radius: 30px;
backdrop-filter: blur(8.3px);
-webkit-backdrop-filter: blur(8.3px);
border: 1px solid rgba(25, 25, 25, 0.37);
}