前往
大廳
主題

火狐Firefox Stylish CSS樣式:為圖示著色 更新:採用白名單

—— | 2016-02-22 12:55:57 | 巴幣 0 | 人氣 585

作者說是給右鍵圖示著色,但還包括書籤(書籤工具列例外)、書籤資料夾、選單著色。
全部著色版放在小屋,白名單請到卡飯。

给你的右键图标着色CSS【更新:采用白名单】!

樣式:
/*----------------------青色------------------------------*/
:-moz-any(menuitem,menu):not(:-moz-any([oncommand^="event.stopPropagation(); ThemeSwitch"])):nth-child(6n+1)>.menu-iconic-left>.menu-iconic-icon{
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.1 \
    0.3 0.38 0.3 0.0 0.28 \
    0.3 0.3 0.38 0.0 0.0 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert"
) !important;
}
/*--------------------紫色---------------------------*/
:-moz-any(menuitem,menu):not(:-moz-any([oncommand^="event.stopPropagation(); ThemeSwitch"])):nth-child(6n+2)>.menu-iconic-left>.menu-iconic-icon{
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.0 \
    0.3 0.38 0.3 0.0 0.0 \
    0.3 0.3 0.38 0.0 0.3 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert"
) !important;
}
/*--------------------------紅色----------------------------*/
:-moz-any(menuitem,menu):not(:-moz-any([oncommand^="event.stopPropagation(); ThemeSwitch"])):nth-child(6n+3)>.menu-iconic-left>.menu-iconic-icon{   
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.4 \
    0.3 0.38 0.3 0.0 0.0 \
    0.3 0.3 0.38 0.0 0.0 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert"
) !important;
}
/*--------------------藍色-----------------------------------*/
:-moz-any(menuitem,menu):not(:-moz-any([oncommand^="event.stopPropagation(); ThemeSwitch"])):nth-child(6n+4)>.menu-iconic-left>.menu-iconic-icon{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.0 \
    0.3 0.38 0.3 0.0 0.07 \
    0.3 0.3 0.38 0.0 0.3 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert"
) !important;
}
/*------------------------碧綠色----------------------------------*/
:-moz-any(menuitem,menu):not(:-moz-any([oncommand^="event.stopPropagation(); ThemeSwitch"])):nth-child(6n+5)>.menu-iconic-left>.menu-iconic-icon{
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.0 \
    0.3 0.38 0.3 0.0 0.3 \
    0.3 0.3 0.38 0.0 0.3 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert"
) !important;
}
/*-----------------------棕色-------------------------------------*/
:-moz-any(menuitem,menu):not(:-moz-any([oncommand^="event.stopPropagation(); ThemeSwitch"])):nth-child(6n+6)>.menu-iconic-left>.menu-iconic-icon{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
    <feColorMatrix in='SourceGraphic' type='matrix' values=\
    '0.38 0.3 0.3 0.0 0.4 \
    0.3 0.38 0.3 0.0 0.1 \
    0.3 0.3 0.38 0.0 0.0 \
    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert"
) !important;
}

創作回應

更多創作