Problems with Linux
Hello, recently I switched from windows to linux and tried to use my theme, it works fine for the most part, but theres some things that I don't know if I can solve.
The first one is if there's a way to remove this
In windows the min, max, close buttons are next to the urlbar, but here in Linux there's a bar on top of all the windows and that is where those buttons are. Is there a way to change them back?
The second one is that in the about: pages i had custom settings, but now they dont work. They look like this:
Here's a part of my code, I don't know if I have to add something else for Linux:
/* =============== ABOUT =============== */
@-moz-document url-prefix("about:"),
url-prefix("chrome:")
{
:root {
--uc-my-color: red;
--uc-my-color-hover: color-mix(in oklab, var(--color) 90%, white);
--uc-my-color-active: color-mix(in oklab, var(--color) 80%, white);
--color-accent-primary: var(--color) !important;
--color-accent-primary-hover: var(--color) !important;
--color-accent-primary-active: var(--color) !important;
--in-content-primary-button-background: var(--bgcolor) !important;
--in-content-primary-button-background-hover: var(--bgcolor) !important;
--in-content-primary-button-background-active: var(--bgcolor) !important;
--primary-button-background-color: var(--bgcolor) !important;
--primary-button-hover-background-color: var(--bgcolor) !important;
--primary-button-active-background-color: var(--bgcolor) !important;
}
treechildren::-moz-tree-row(current, focus) {
outline-color: var(--color) !important;
}
treechildren::-moz-tree-drop-feedback {
background: var(--color) !important;
}
::selection {
background-color: var(--bgcolor);
}
}
@-moz-document url("about:newtab"),
url("about:home")
{
:root {
--newtab-primary-action-background: var(--bgcolor) !important;
--newtab-primary-action-background-pocket: var(--bgcolor) !important;
}
}
@-moz-document url("about:firefoxview") {
:root {
--fxview-primary-action-background: var(--color) !important;
}
}
/* For elements in drag state */
#engineChildren .dragging {
border: 2px solid green; /* Replace with your desired color */
}
/* Change the outline color of focused or dragged elements */
#engineChildren .tree-item:focus,
#engineChildren .tree-item:active {
border: 2px solid red; /* Change 'red' to your preferred color */
}
#engineChildren .tree-item:focus {
border: 2px solid red !important;
}
Thanks!