diff --git a/floorp_suti7.css b/floorp_suti7.css
new file mode 100755
index 0000000..0f89850
--- /dev/null
+++ b/floorp_suti7.css
@@ -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;
+ }
+}
+
+
+}
\ No newline at end of file
diff --git a/floorp_suti7_linux.css b/floorp_suti7_linux.css
new file mode 100755
index 0000000..a79bdbe
--- /dev/null
+++ b/floorp_suti7_linux.css
@@ -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;
+ }
+}
+
+
+}
diff --git a/toolbar_button/for_dark/op_back.svg b/toolbar_button/for_dark/op_back.svg
new file mode 100755
index 0000000..0890284
--- /dev/null
+++ b/toolbar_button/for_dark/op_back.svg
@@ -0,0 +1,6 @@
+
diff --git a/toolbar_button/for_dark/op_close.svg b/toolbar_button/for_dark/op_close.svg
new file mode 100755
index 0000000..ed9808f
--- /dev/null
+++ b/toolbar_button/for_dark/op_close.svg
@@ -0,0 +1,4 @@
+
diff --git a/toolbar_button/for_dark/op_forward.svg b/toolbar_button/for_dark/op_forward.svg
new file mode 100755
index 0000000..6d12d04
--- /dev/null
+++ b/toolbar_button/for_dark/op_forward.svg
@@ -0,0 +1,6 @@
+
diff --git a/toolbar_button/for_dark/op_maximize.svg b/toolbar_button/for_dark/op_maximize.svg
new file mode 100755
index 0000000..084691f
--- /dev/null
+++ b/toolbar_button/for_dark/op_maximize.svg
@@ -0,0 +1,10 @@
+
diff --git a/toolbar_button/for_dark/op_minimize.svg b/toolbar_button/for_dark/op_minimize.svg
new file mode 100755
index 0000000..7a46449
--- /dev/null
+++ b/toolbar_button/for_dark/op_minimize.svg
@@ -0,0 +1,6 @@
+
diff --git a/toolbar_button/for_dark/op_restore.svg b/toolbar_button/for_dark/op_restore.svg
new file mode 100755
index 0000000..10ad4ff
--- /dev/null
+++ b/toolbar_button/for_dark/op_restore.svg
@@ -0,0 +1,10 @@
+
diff --git a/toolbar_button/for_light/op_back.svg b/toolbar_button/for_light/op_back.svg
new file mode 100755
index 0000000..76b71e4
--- /dev/null
+++ b/toolbar_button/for_light/op_back.svg
@@ -0,0 +1,6 @@
+
diff --git a/toolbar_button/for_light/op_close.svg b/toolbar_button/for_light/op_close.svg
new file mode 100755
index 0000000..c918eb2
--- /dev/null
+++ b/toolbar_button/for_light/op_close.svg
@@ -0,0 +1,4 @@
+
diff --git a/toolbar_button/for_light/op_forward.svg b/toolbar_button/for_light/op_forward.svg
new file mode 100755
index 0000000..adb89cf
--- /dev/null
+++ b/toolbar_button/for_light/op_forward.svg
@@ -0,0 +1,6 @@
+
diff --git a/toolbar_button/for_light/op_maximize.svg b/toolbar_button/for_light/op_maximize.svg
new file mode 100755
index 0000000..256e120
--- /dev/null
+++ b/toolbar_button/for_light/op_maximize.svg
@@ -0,0 +1,10 @@
+
diff --git a/toolbar_button/for_light/op_minimize.svg b/toolbar_button/for_light/op_minimize.svg
new file mode 100755
index 0000000..e6c9423
--- /dev/null
+++ b/toolbar_button/for_light/op_minimize.svg
@@ -0,0 +1,6 @@
+
diff --git a/toolbar_button/for_light/op_restore.svg b/toolbar_button/for_light/op_restore.svg
new file mode 100755
index 0000000..b25af1d
--- /dev/null
+++ b/toolbar_button/for_light/op_restore.svg
@@ -0,0 +1,10 @@
+
diff --git a/toolbar_button/none.svg b/toolbar_button/none.svg
new file mode 100755
index 0000000..d5828c1
--- /dev/null
+++ b/toolbar_button/none.svg
@@ -0,0 +1,9 @@
+