/* Use color and shape to make the tabs look more like tabs */
.tab-background {
background: #0000FF;
border-radius: 18px 18px 18px 18px !important;
margin-bottom: 3px !important;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1) !important;
border: 1px solid rgba(0,0,0,.5) !important;
}
/*Selected*/
.tabbrowser-tab[selected] .tab-background {
background: #FCB731 !important;
}
@ergenekonyigit; Oralara baktım ama çok karışık, klasik dokümantasyon gibi değil, parça parça. Mesela, örneğimdeki kırmızı sekmede "oynatılıyor" metninin rengini değiştiremedim.
/* Use color and shape to make the tabs look more like tabs */
.tab-background {
background: #0000FF;
border-radius: 18px 18px 18px 18px !important;
margin-bottom: 3px !important;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1) !important;
border: 1px solid rgba(0,0,0,.5) !important;
}
/*Selected*/
.tabbrowser-tab[selected] .tab-background {
background: #FCB731 !important;
}
/* Hover over tabs */
.tabbrowser-tab:hover .tab-background:not([selected]) {
background: #FF0000 !important;
}
/*Not Selected*/
.tabbrowser-tab:not([selected]) .tab-label {
color: white !important;
}
Ben de gecen yil soyle bir edit yapmistim. https://github.com/ergenekonyigit/firefox-bottom-ui
Bu düzen de güzel olmuş, elinize sağlık...
Bir kılavuz var mı?
@lterlemez redditte firefoxcss olmasi olasi lazim oylr bir subredditten faydalanmistim.
@ergenekonyigit; Oralara baktım ama çok karışık, klasik dokümantasyon gibi değil, parça parça. Mesela, örneğimdeki kırmızı sekmede "oynatılıyor" metninin rengini değiştiremedim.
@lterlemez o kadar detayli nasil bulunur ben de bilmiyorum maalesef.
@ergenekonyigit; Biraz bekleyeceğiz herhalde...
Mavi unselected, kırmızı hover, kirli sarı selected.....
Çok kafam karıştı 🙂