cssファイルを追加
This commit is contained in:
parent
738147d06b
commit
32a69d9046
2 changed files with 182 additions and 0 deletions
90
floorp_suti7.css
Executable file
90
floorp_suti7.css
Executable file
|
@ -0,0 +1,90 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
|
||||||
|
@-moz-document url(chrome://browser/content/browser.xhtml){
|
||||||
|
/* Please write your custom CSS under this line*/
|
||||||
|
|
||||||
|
@import url("browser-aero.css") screen;
|
||||||
|
@import url("toolbarbutton-icons.css") screen;
|
||||||
|
@import url("leptonchrome.css") screen;
|
||||||
|
@import url("tabs.css") screen;
|
||||||
|
|
||||||
|
|
||||||
|
#navigator-toolbox :is(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) {
|
||||||
|
background-color: var(--toolbar-bgcolor) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tab-background:is([selected], [multiselected]) {
|
||||||
|
background-color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-button {
|
||||||
|
border: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 4px 16px !important;
|
||||||
|
-moz-context-properties: stroke;
|
||||||
|
stroke: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-button>.toolbarbutton-icon {
|
||||||
|
width: 14px !important;
|
||||||
|
height: 14px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
.titlebar-close {
|
||||||
|
list-style-image: url(./toolbar_button/for_light/op_close.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-max {
|
||||||
|
list-style-image: url(./toolbar_button/for_light/op_maximize.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-restore {
|
||||||
|
list-style-image: url(./toolbar_button/for_light/op_restore.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-min {
|
||||||
|
list-style-image: url(./toolbar_button/for_light/op_minimize.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#back-button {
|
||||||
|
list-style-image: url("./toolbar_button/for_light/op_back.svg") !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#forward-button {
|
||||||
|
list-style-image: url("./toolbar_button/for_light/op_forward.svg") !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
.tab-background[selected="true"]:-moz-lwtheme {
|
||||||
|
background-image: linear-gradient(#292929, #112B52), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
|
||||||
|
}
|
||||||
|
.titlebar-close {
|
||||||
|
list-style-image: url(./toolbar_button/for_dark/op_close.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-max {
|
||||||
|
list-style-image: url(./toolbar_button/for_dark/op_maximize.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-restore {
|
||||||
|
list-style-image: url(./toolbar_button/for_dark/op_restore.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-min {
|
||||||
|
list-style-image: url(./toolbar_button/for_dark/op_minimize.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#back-button {
|
||||||
|
list-style-image: url("./toolbar_button/for_dark/op_back.svg") !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#forward-button {
|
||||||
|
list-style-image: url("./toolbar_button/for_dark/op_forward.svg") !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
92
floorp_suti7_mica.css
Executable file
92
floorp_suti7_mica.css
Executable file
|
@ -0,0 +1,92 @@
|
||||||
|
/*ツールバー透明化*/
|
||||||
|
#nav-bar {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*ブックマークバー透明化*/
|
||||||
|
.browser-toolbar:not(.titlebar-color) {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*ツールバー(ブックマークバー下)の枠線非表示*/
|
||||||
|
#navigator-toolbox,
|
||||||
|
#navigator-toolbox-background {
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*サイドバーの透明化*/
|
||||||
|
#sidebar-select-box {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*サイドバーの一番下にある背景削除*/
|
||||||
|
#browser {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*サイドバーの枠線*/
|
||||||
|
#sidebar-select-box {
|
||||||
|
border-left: 0 !important;
|
||||||
|
border-right: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*サイドバー内の上部(タイトルバー)*/
|
||||||
|
.browser-sidebar2 {
|
||||||
|
background: none !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-close {
|
||||||
|
list-style-image: url(./toolbar_button/none.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-max {
|
||||||
|
list-style-image: url(./toolbar_button/none.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-restore {
|
||||||
|
list-style-image: url(./toolbar_button/none.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar-min {
|
||||||
|
list-style-image: url(./toolbar_button/none.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
|
||||||
|
#urlbar:is([focused="true"], [open])>#urlbar-background,
|
||||||
|
#searchbar:focus-within {
|
||||||
|
background-color: rgb(255, 255, 255) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#urlbar-background,
|
||||||
|
#searchbar {
|
||||||
|
background: none !important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.7) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon,
|
||||||
|
.tab-background:is([selected], [multiselected]) {
|
||||||
|
background-color: rgba(255, 255, 255, 0.7) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|
||||||
|
#urlbar:is([focused="true"], [open])>#urlbar-background,
|
||||||
|
#searchbar:focus-within {
|
||||||
|
background-color: rgb(0, 0, 0) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#urlbar-background,
|
||||||
|
#searchbar {
|
||||||
|
background: none !important;
|
||||||
|
background-color: rgba(0, 0, 0, 0.7) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon,
|
||||||
|
.tab-background:is([selected], [multiselected]) {
|
||||||
|
background-image: linear-gradient(to bottom right, #353535, AccentColor) !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue