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

'11_base_128_esr'をmainにマージ

Browse source
This commit is contained in:
suti7yk5032 2024-08-19 21:44:56 +09:00
commit 5c400e8588
15 changed files with 324 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;
}
}
}

6
toolbar_button/for_dark/op_back.svg Executable file
View file

@ -0,0 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_9_10" fill="white">
<path d="M8 1.52588e-05L16 8.00001L8 16L4.08853e-06 8.00001L8 1.52588e-05Z"/>
</mask>
<path d="M4.08853e-06 8.00001L-1.41421 6.5858L-2.82842 8.00001L-1.41421 9.41423L4.08853e-06 8.00001ZM9.41422 14.5858L1.41422 6.5858L-1.41421 9.41423L6.58579 17.4142L9.41422 14.5858ZM1.41422 9.41423L9.41422 1.41423L6.58579 -1.4142L-1.41421 6.5858L1.41422 9.41423Z" fill="white" mask="url(#path-1-inside-1_9_10)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 548 B

4
toolbar_button/for_dark/op_close.svg Executable file
View file

@ -0,0 +1,4 @@
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="1.35355" y1="0.646447" x2="17.3536" y2="16.6464" stroke="white"/>
<line x1="0.646447" y1="16.6464" x2="16.6464" y2="0.646447" stroke="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 256 B

6
toolbar_button/for_dark/op_forward.svg Executable file
View file

@ -0,0 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_9_10" fill="white">
<path d="M8 16L2.73828e-07 8L8 5.47657e-07L16 8L8 16Z"/>
</mask>
<path d="M16 8L17.4142 9.41421L18.8284 8L17.4142 6.58579L16 8ZM6.58579 1.41421L14.5858 9.41421L17.4142 6.58579L9.41421 -1.41421L6.58579 1.41421ZM14.5858 6.58579L6.58579 14.5858L9.41421 17.4142L17.4142 9.41421L14.5858 6.58579Z" fill="white" mask="url(#path-1-inside-1_9_10)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 490 B

10
toolbar_button/for_dark/op_maximize.svg Executable file
View file

@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_2_32" fill="white">
<path d="M5 1C5 0.447718 5.44772 2.86102e-06 6 2.86102e-06H15C15.5523 2.86102e-06 16 0.447718 16 1V9C16 9.55229 15.5523 10 15 10H6C5.44771 10 5 9.55229 5 9V1Z"/>
</mask>
<path d="M5 1C5 -0.104567 5.89543 -0.999997 7 -0.999997H15C16.1046 -0.999997 17 -0.104567 17 1H15H6C5.44772 1 5 1 5 1ZM16 10H5H16ZM5 10V2.86102e-06V10ZM15 -0.999997C16.1046 -0.999997 17 -0.104567 17 1V8C17 9.10457 16.1046 10 15 10C15 10 15 9.55229 15 9V1V-0.999997Z" fill="white" mask="url(#path-1-inside-1_2_32)"/>
<mask id="path-3-inside-2_2_32" fill="white">
<path d="M0 7C0 6.44772 0.447715 6 1 6H10C10.5523 6 11 6.44772 11 7V15C11 15.5523 10.5523 16 10 16H1C0.447715 16 0 15.5523 0 15V7Z"/>
</mask>
<path d="M0 6H11H0ZM11 15C11 16.1046 10.1046 17 9 17H1C-0.104569 17 -1 16.1046 -1 15H1H10C10.5523 15 11 15 11 15ZM1 17C-0.104569 17 -1 16.1046 -1 15V8C-1 6.89543 -0.104569 6 1 6C1 6 1 6.44772 1 7V15V17ZM11 6V16V6Z" fill="white" mask="url(#path-3-inside-2_2_32)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

6
toolbar_button/for_dark/op_minimize.svg Executable file
View file

@ -0,0 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_2_36" fill="white">
<path d="M0 8L8 -4.00521e-07L16 8L8.70711 15.2929C8.31658 15.6834 7.68342 15.6834 7.29289 15.2929L0 8Z"/>
</mask>
<path d="M0 8L8 -4.00521e-07L0 8ZM16.7071 8.70711L9.41421 16C8.63316 16.781 7.36683 16.781 6.58579 16L8 14.5858L15.2929 7.29289L16.7071 8.70711ZM9.41421 16C8.63316 16.781 7.36683 16.781 6.58579 16L-0.707107 8.70711L0.707107 7.29289L8 14.5858L9.41421 16ZM8 -4.00521e-07L16 8L8 -4.00521e-07Z" fill="white" mask="url(#path-1-inside-1_2_36)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 603 B

10
toolbar_button/for_dark/op_restore.svg Executable file
View file

@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_2_43" fill="white">
<path d="M8 1C8 0.447715 8.44772 0 9 0H15C15.5523 0 16 0.447715 16 1V6C16 6.55228 15.5523 7 15 7H9C8.44772 7 8 6.55228 8 6V1Z"/>
</mask>
<path d="M8 0H16H8ZM16 6C16 7.10457 15.1046 8 14 8H9C7.89543 8 7 7.10457 7 6H9H15C15.5523 6 16 6 16 6ZM9 8C7.89543 8 7 7.10457 7 6V2C7 0.895431 7.89543 0 9 0C9 0 9 0.447715 9 1V6V8ZM16 0V7V0Z" fill="white" mask="url(#path-1-inside-1_2_43)"/>
<mask id="path-3-inside-2_2_43" fill="white">
<path d="M0 10C0 9.44772 0.447715 9 1 9H7C7.55228 9 8 9.44772 8 10V15C8 15.5523 7.55228 16 7 16H1C0.447715 16 0 15.5523 0 15V10Z"/>
</mask>
<path d="M0 10C0 8.89543 0.895431 8 2 8H7C8.10457 8 9 8.89543 9 10H7H1C0.447715 10 0 10 0 10ZM8 16H0H8ZM0 16V9V16ZM7 8C8.10457 8 9 8.89543 9 10V14C9 15.1046 8.10457 16 7 16C7 16 7 15.5523 7 15V10V8Z" fill="white" mask="url(#path-3-inside-2_2_43)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 963 B

6
toolbar_button/for_light/op_back.svg Executable file
View file

@ -0,0 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_9_17" fill="white">
<path d="M8 1.52588e-05L16 8.00001L8 16L2.73828e-07 8.00001L8 1.52588e-05Z"/>
</mask>
<path d="M2.73828e-07 8.00001L-1.41421 6.5858L-2.82843 8.00001L-1.41421 9.41423L2.73828e-07 8.00001ZM9.41421 14.5858L1.41421 6.5858L-1.41421 9.41423L6.58579 17.4142L9.41421 14.5858ZM1.41421 9.41423L9.41421 1.41423L6.58579 -1.4142L-1.41421 6.5858L1.41421 9.41423Z" fill="black" mask="url(#path-1-inside-1_9_17)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 548 B

4
toolbar_button/for_light/op_close.svg Executable file
View file

@ -0,0 +1,4 @@
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="1.35355" y1="0.646447" x2="17.3536" y2="16.6464" stroke="black"/>
<line x1="0.646447" y1="16.6464" x2="16.6464" y2="0.646447" stroke="black"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 256 B

6
toolbar_button/for_light/op_forward.svg Executable file
View file

@ -0,0 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_9_20" fill="white">
<path d="M8 16L2.73828e-07 8L8 5.47657e-07L16 8L8 16Z"/>
</mask>
<path d="M16 8L17.4142 9.41421L18.8284 8L17.4142 6.58579L16 8ZM6.58579 1.41421L14.5858 9.41421L17.4142 6.58579L9.41421 -1.41421L6.58579 1.41421ZM14.5858 6.58579L6.58579 14.5858L9.41421 17.4142L17.4142 9.41421L14.5858 6.58579Z" fill="black" mask="url(#path-1-inside-1_9_20)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 490 B

10
toolbar_button/for_light/op_maximize.svg Executable file
View file

@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_5_10" fill="white">
<path d="M5 1C5 0.447718 5.44772 2.86102e-06 6 2.86102e-06H15C15.5523 2.86102e-06 16 0.447718 16 1V9C16 9.55229 15.5523 10 15 10H6C5.44771 10 5 9.55229 5 9V1Z"/>
</mask>
<path d="M5 1C5 -0.104567 5.89543 -0.999997 7 -0.999997H15C16.1046 -0.999997 17 -0.104567 17 1H15H6C5.44772 1 5 1 5 1ZM16 10H5H16ZM5 10V2.86102e-06V10ZM15 -0.999997C16.1046 -0.999997 17 -0.104567 17 1V8C17 9.10457 16.1046 10 15 10C15 10 15 9.55229 15 9V1V-0.999997Z" fill="black" mask="url(#path-1-inside-1_5_10)"/>
<mask id="path-3-inside-2_5_10" fill="white">
<path d="M0 7C0 6.44772 0.447715 6 1 6H10C10.5523 6 11 6.44772 11 7V15C11 15.5523 10.5523 16 10 16H1C0.447715 16 0 15.5523 0 15V7Z"/>
</mask>
<path d="M0 6H11H0ZM11 15C11 16.1046 10.1046 17 9 17H1C-0.104569 17 -1 16.1046 -1 15H1H10C10.5523 15 11 15 11 15ZM1 17C-0.104569 17 -1 16.1046 -1 15V8C-1 6.89543 -0.104569 6 1 6C1 6 1 6.44772 1 7V15V17ZM11 6V16V6Z" fill="black" mask="url(#path-3-inside-2_5_10)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

6
toolbar_button/for_light/op_minimize.svg Executable file
View file

@ -0,0 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_5_18" fill="white">
<path d="M0 8L8 -4.00521e-07L16 8L8.70711 15.2929C8.31658 15.6834 7.68342 15.6834 7.29289 15.2929L0 8Z"/>
</mask>
<path d="M0 8L8 -4.00521e-07L0 8ZM16.7071 8.70711L9.41421 16C8.63316 16.781 7.36683 16.781 6.58579 16L8 14.5858L15.2929 7.29289L16.7071 8.70711ZM9.41421 16C8.63316 16.781 7.36683 16.781 6.58579 16L-0.707107 8.70711L0.707107 7.29289L8 14.5858L9.41421 16ZM8 -4.00521e-07L16 8L8 -4.00521e-07Z" fill="black" mask="url(#path-1-inside-1_5_18)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 603 B

10
toolbar_button/for_light/op_restore.svg Executable file
View file

@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_5_14" fill="white">
<path d="M8 1C8 0.447715 8.44772 0 9 0H15C15.5523 0 16 0.447715 16 1V6C16 6.55228 15.5523 7 15 7H9C8.44772 7 8 6.55228 8 6V1Z"/>
</mask>
<path d="M8 0H16H8ZM16 6C16 7.10457 15.1046 8 14 8H9C7.89543 8 7 7.10457 7 6H9H15C15.5523 6 16 6 16 6ZM9 8C7.89543 8 7 7.10457 7 6V2C7 0.895431 7.89543 0 9 0C9 0 9 0.447715 9 1V6V8ZM16 0V7V0Z" fill="black" mask="url(#path-1-inside-1_5_14)"/>
<mask id="path-3-inside-2_5_14" fill="white">
<path d="M0 10C0 9.44772 0.447715 9 1 9H7C7.55228 9 8 9.44772 8 10V15C8 15.5523 7.55228 16 7 16H1C0.447715 16 0 15.5523 0 15V10Z"/>
</mask>
<path d="M0 10C0 8.89543 0.895431 8 2 8H7C8.10457 8 9 8.89543 9 10H7H1C0.447715 10 0 10 0 10ZM8 16H0H8ZM0 16V9V16ZM7 8C8.10457 8 9 8.89543 9 10V14C9 15.1046 8.10457 16 7 16C7 16 7 15.5523 7 15V10V8Z" fill="black" mask="url(#path-3-inside-2_5_14)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 963 B

9
toolbar_button/none.svg Executable file
View file

@ -0,0 +1,9 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="32" height="32" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_105_3" transform="scale(0.03125)"/>
</pattern>
<image id="image0_105_3" width="32" height="32" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAaSURBVHgB7cABAQAAAIIg/69uSFAAAADAuwEQIAABrSYnKgAAAABJRU5ErkJggg=="/>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 637 B