suti7yk5032/floorp_css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cssファイルを追加

Browse source
This commit is contained in:
suti7yk5032 2024-08-19 15:00:00 +09:00
parent 1bf0fb09b3
commit 84f09a1dc6
2 changed files with 231 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

102
floorp_suti7.css Executable file
View file

@ -0,0 +1,102 @@
@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;
@import url("toolbarbuttons.css") screen;
#navigator-toolbox :is(toolbar, #nav-bar-customization-target) {
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;
}
#firefox-view-button {
list-style-image: url("chrome://branding/content/about-logo.png") !important;
}
/*#firefox-view-button {
list-style-image: url("chrome://branding/content/about-logo.png") !important;
}*/
@media (prefers-color-scheme: light) {
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
background-image: linear-gradient(to bottom right, #d1d1d1, AccentColor) !important;
}
.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) {
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
background-image: linear-gradient(to bottom right, #353535, AccentColor) !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;
}
}
}

129
floorp_suti7_linux.css Executable file
View file

@ -0,0 +1,129 @@
@charset "UTF-8";
@-moz-document url("chrome://browser/content/browser.xhtml") {
/* Please write your custom CSS under this line*/
@import url("browser.css") screen;
@import url("toolbarbutton-icons.css") screen;
@import url("leptonchrome.css") screen;
@import url("tabs.css") screen;
@import url("toolbarbuttons.css") screen;
/*#navigator-toolbox :is(toolbar, #nav-bar-customization-target) {
background-color: var(--toolbar-bgcolor) !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;
appearance: none !important;
}
.toolbarbutton-icon {
appearance: none !important;
}
.titlebar-close {
& > .toolbarbutton-icon {
-moz-default-appearance: none !important;
background-image: none !important;
}
}
.titlebar-max {
& > .toolbarbutton-icon {
-moz-default-appearance: none !important;
background-image: none !important;
}
}
.titlebar-restore {
& > .toolbarbutton-icon {
-moz-default-appearance: none !important;
background-image: none !important;
}
}
.titlebar-min {
& > .toolbarbutton-icon {
-moz-default-appearance: none !important;
background-image: none !important;
}
}
#firefox-view-button {
list-style-image: url("chrome://branding/content/about-logo.png") !important;
}
@media (prefers-color-scheme: light) {
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
background-image: linear-gradient(to bottom right, #d1d1d1, AccentColor) !important;
}
.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) {
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
background-image: linear-gradient(to bottom right, #353535, AccentColor) !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;
}
}
}