blahai/nyx
1
0
Fork 0
mirror of https://github.com/blahai/nyx.git synced 2025-01-18 19:10:21 +00:00
Code Issues Projects Releases Packages Wiki Activity

Home: add floorp config

Browse source
This commit is contained in:
blahai 2024-10-27 03:08:32 +03:00
parent 3c1c079d19
commit 0239cb535c
Signed by: blahai
SSH key fingerprint: SHA256:ZfCryi+V64yG+vC1ZIIsqgvBCmA31tTi7RJ6M8CvpRc
117 changed files with 3768 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
modules/home-manager/browser/floorp/README.md Normal file
View file

@ -0,0 +1,3 @@
# Floorp userchrome
borrowed from https://github.com/AmadeusWM/dotfiles-hyprland/tree/main/dots/firefox

163
modules/home-manager/browser/floorp/chrome/config.css Normal file
View file

@ -0,0 +1,163 @@
/* Main sass file that contains the theme */
@import "icons/extension-icons.css";
@import "window-controls/no-wc-without-tabline.css";
@import "hide-tabline.css";
@import "userChrome-hover.css";
:root {
--ap-radius-s: 4px;
--ap-radius-m: 8px;
--ap-radius-l: 10px;
--ap-radius-xl: 16px;
--ap-primary-h: 211.3636363636deg;
--ap-primary-s: 100%;
--ap-primary-l: 91.3725490196%;
--ap-primary-d: 80%;
--ap-primary: #d3e8ff;
--ap-secondary-h: 312.1621621622deg;
--ap-secondary-s: 72.5490196078%;
--ap-secondary-l: 80%;
--ap-secondary-d: 70%;
--ap-secondary: #f1a7e2;
--ap-base1-h: 249.2307692308deg;
--ap-base1-s: 31.7073170732%;
--ap-base1-l: 8.0392156863%;
--ap-base1-d: 20%;
--ap-base0: #0B0A10;
--ap-base0-h: 250deg;
--ap-base0-s: 23.0769230769%;
--ap-base0-l: 5.0980392157%;
--ap-base0-d: 20%;
--ap-base1: #100E1B;
--ap-red: #f38ba8;
--ap-green: #a6e3a1;
--ap-blue: #d3e8ff;
--ap-purple: #f1a7e2;
--ap-aqua: #94e2d5;
--ap-yellow: #f9e2af;
--ap-orange: #fab387;
--ap-color-strong: #f5c2e7;
--ap-color-quote: #f5c2e7;
--ap-color-italic: #f5c2e7;
--ap-color-tag-background: #2c2537;
--ap-color-tag-text: #EEEEEE;
--ap-code-gray-1: #5b5c5f;
--ap-code-gray-2: #45474c;
--ap-code-red: var(--ap-red);
--ap-code-green: var(--ap-green);
--ap-code-blue: var(--ap-blue);
--ap-code-purple: var(--ap-purple);
--ap-code-aqua: var(--ap-aqua);
--ap-code-yellow: var(--ap-yellow);
--ap-code-orange: var(--ap-orange);
--ap-color-dp0: #100E1B;
--ap-color-dp1: #0B0A10;
--ap-color-dp2: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 5%));
--ap-color-dp3: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 10%));
--ap-color-dp4: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 15%));
--ap-color-dp5: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 40%));
--ap-color-dp6: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 50%));
--ap-color-dp7: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 60%));
--ap-color-dp8: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 70%));
--ap-color-dp9: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 80%));
--ap-color-dp10: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 85%));
--ap-color-dp11: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 90%));
--ap-h1: var(--ap-red);
--ap-h2: var(--ap-purple);
--ap-h3: var(--ap-blue);
--ap-h4: var(--ap-green);
--ap-h5: var(--ap-orange);
--ap-h6: var(--ap-yellow);
--ap-h1-size: 2.5em;
--ap-h2-size: 1.9882em;
--ap-h3-size: 1.5811em;
--ap-h4-size: 1.2574em;
--ap-h5-size: 1em;
--ap-h6-size: 0.7953em;
--ap-size-text: 1em;
--ap-size-text-header: 1em;
--ap-size-text-item: 1em;
--ap-container-padding: 8px;
--ap-frame-left: 10px;
--ap-font-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
--ap-font-interface: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
--ap-font-monospace: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
--ap-font-title: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
--ap-font-header: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
--ap-font-hashtag: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
}
/* order of these files is important and should not be changed */
/*
WINDOW CONTROLS BEHAVIOUR (buttons to close, minimize, ... firefox)
* Window control buttons to the right: @import "window-controls/wc-without-tabline-r.css";
* Window control buttons to the left: @import "window-controls/wc-without-tabline.css";
* With tabs in top bar: @import "window-controls/wc-with-tabline.css";
*/
/*
SIDEBAR BEHAVIOUR
for a sidebar which pops out on hover
* @import "userChrome-hover.css"
one that stays (static)
* @import "userChrome-static.css"
*/
:root {
--dark-0: var(--ap-color-dp0);
--dark-base: var(--ap-color-dp0);
--dark-1: var(--ap-color-dp1);
--dark-2: var(--ap-color-dp1);
--dark-3: var(--ap-color-dp2);
--dark-4: var(--ap-color-dp3);
--light-0: var(--ap-color-dp11);
--light-base: var(--ap-color-dp11);
--light-1: var(--ap-color-dp10);
--light-2: var(--ap-color-dp9);
--light-3: var(--ap-color-dp8);
--light-4: var(--ap-color-dp7);
--accent: var(--ap-primary);
--yellow: var(--ap-yellow);
--green: var(--ap-green);
--red: var(--ap-red);
/* expanded width of the sidebar.
used for userChrome-static, and hover */
--sidebar-width: 250px;
/* initial width of the sidebar.
advised not to change since tst css relies on this value*/
--sidebar-collapsed-width: 60px;
--dividers: 2px;
--tl-animation-duration: 200ms;
/*--tl-tab-background-gradient: */
/* uncomment and add gradient value for selected tab gradient*/
/******WINDOW CONTROL PLACEMENT VARS******/
--wc-vertical-shift: 16px;
/* larger value moves window controls down,*/
/* can be negative(moves controls up) */
/* Experiemntal: 55px if tabline visible, -25px if tabline hidden */
--wc-left-space: 15px; /* add space to the left of window controls*/
--wc-right-space: 18px; /* add space to the right of window controls*/
/* left-space shifts window-controls */
/* if you want to shift window controls to the left: positive value */
/* if you want to shift them to the right: smaller or negative value */
/* right-space shifts rest of the navbar (forward,backward,urlbar,etc.) to the right */
/* if you want to increase/decrease space between window-controls and navbars: */
/* set positive/smaller or negative value for right-space*/
}
:root[privatebrowsingmode=temporary] {
--dark-0: #1C0E34;
--dark-base: #20103c;
--dark-1: #2F1D4E;
--dark-2: #38225D;
--dark-3: #4A2D7B;
--dark-4: #53338A;
--light-0: #CC6B9C;
--light-base: #B9407C;
--light-1: #AB3B73;
--light-2: #9C3569;
--light-3: #8D305E;
--light-4: #7D2B54;
--accent: #e9207e;
--yellow: #C9B336;
--green: #36C987;
--red: #C9365D;
--extension-icon-mask: grayscale(85%) invert(17%) sepia(42%) saturate(2474%) hue-rotate(241deg) brightness(94%) contrast(92%);
}

13
modules/home-manager/browser/floorp/chrome/content/inner-rounded.css Normal file
View file

@ -0,0 +1,13 @@
/* make borders from inner content rounded */
@media all and (display-mode: browser) {
#tabbrowser-tabpanels browser[type="content"] {
color-scheme: env(-moz-content-preferred-color-scheme);
border-top-left-radius: 16px;
}
}
/* comment this out for padding around the content */
/* .browserContainer{
padding-right: 10px !important;
padding-bottom: 10px !important;
} */

8
modules/home-manager/browser/floorp/chrome/hide-tabline.css Normal file
View file

@ -0,0 +1,8 @@
/* /1* hide tabs *1/ */
.tabbrowser-tab {
display: none;
}
#tabs-newtab-button {
display: none;
}

1
modules/home-manager/browser/floorp/chrome/icons/addons.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M20.083 10.5l1.202.721a.5.5 0 0 1 0 .858L12 17.65l-9.285-5.571a.5.5 0 0 1 0-.858l1.202-.721L12 15.35l8.083-4.85zm0 4.7l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05l8.083-4.85zM12.514 1.309l8.771 5.262a.5.5 0 0 1 0 .858L12 13 2.715 7.429a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 539 B

1
modules/home-manager/browser/floorp/chrome/icons/arrow-back-1x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 256 B

3
modules/home-manager/browser/floorp/chrome/icons/arrow-back-2x.svg Normal file
View file

@ -0,0 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<path fill="context-fill" stroke-opacity="context-fill-opacity" d="M8.388,10.049l4.76-4.873c0.303-0.31,0.297-0.804-0.012-1.105c-0.309-0.304-0.803-0.293-1.105,0.012L6.726,9.516c-0.303,0.31-0.296,0.805,0.012,1.105l5.433,5.307c0.152,0.148,0.35,0.223,0.547,0.223c0.203,0,0.406-0.08,0.559-0.236c0.303-0.309,0.295-0.803-0.012-1.104L8.388,10.049z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 449 B

1
modules/home-manager/browser/floorp/chrome/icons/audio-muted.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387L5.89 16zm14.525-4l3.536 3.536-1.414 1.414L19 13.414l-3.536 3.536-1.414-1.414L17.586 12 14.05 8.464l1.414-1.414L19 10.586l3.536-3.536 1.414 1.414L20.414 12z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 455 B

1
modules/home-manager/browser/floorp/chrome/icons/audio.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387L5.89 16zm13.517 4.134l-1.416-1.416A8.978 8.978 0 0 0 21 12a8.982 8.982 0 0 0-3.304-6.968l1.42-1.42A10.976 10.976 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134zm-3.543-3.543l-1.422-1.422A3.993 3.993 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.991 5.991 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 601 B

1
modules/home-manager/browser/floorp/chrome/icons/bank-card.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M22 10v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V10h20zm0-2H2V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v4zm-7 8v2h4v-2h-4z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 298 B

3
modules/home-manager/browser/floorp/chrome/icons/bookmark.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M13,12.091V4.5l-0.056-.056a3,3,0,0,0-2.388-2.388L10.5,2H5A2,2,0,0,1,7,0h6a2,2,0,0,1,2,2V13ZM12,5V16L7,13.5,2,16V5A2,2,0,0,1,4,3h6A2,2,0,0,1,12,5Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 305 B

1
modules/home-manager/browser/floorp/chrome/icons/bug.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M6.056 8.3a7.01 7.01 0 0 1 .199-.3h11.49c.069.098.135.199.199.3l2.02-1.166 1 1.732-2.213 1.278c.162.59.249 1.213.249 1.856v1h3v2h-3c0 .953-.19 1.862-.536 2.69l2.5 1.444-1 1.732-2.526-1.458A6.992 6.992 0 0 1 13 21.929V14h-2v7.93a6.992 6.992 0 0 1-4.438-2.522l-2.526 1.458-1-1.732 2.5-1.443A6.979 6.979 0 0 1 5 15H2v-2h3v-1c0-.643.087-1.265.249-1.856L3.036 8.866l1-1.732L6.056 8.3zM8 6a4 4 0 1 1 8 0H8z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 594 B

3
modules/home-manager/browser/floorp/chrome/icons/close.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="rgba(188,188,188,1)" fill-opacity="context-fill-opacity" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 272 B

1
modules/home-manager/browser/floorp/chrome/icons/copy.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zm2 0h8v10h2V4H9v2zm-2 5v2h6v-2H7zm0 4v2h6v-2H7z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 382 B

1
modules/home-manager/browser/floorp/chrome/icons/custom-adblock.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M3.783 2.826L12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976zM13 10V5l-5 7h3v5l5-7h-3z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 359 B

1
modules/home-manager/browser/floorp/chrome/icons/customize.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16.536 15.95l2.12-2.122-3.181-3.182 3.535-3.535-2.12-2.121-3.536 3.535-3.182-3.182L8.05 7.464l8.486 8.486zM13.354 5.697l2.828-2.829a1 1 0 0 1 1.414 0l3.536 3.536a1 1 0 0 1 0 1.414l-2.829 2.828 2.475 2.475a1 1 0 0 1 0 1.415L13 22.314a1 1 0 0 1-1.414 0l-9.9-9.9a1 1 0 0 1 0-1.414l7.778-7.778a1 1 0 0 1 1.415 0l2.475 2.475z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 515 B

1
modules/home-manager/browser/floorp/chrome/icons/cut.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M9.879 12L7.562 9.683a4 4 0 1 1 2.121-2.121L12 9.88l6.374-6.375a2 2 0 0 1 2.829 0l.707.707L9.683 16.438a4 4 0 1 1-2.121-2.121L9.88 12zM6 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm9.535-6.587l6.375 6.376-.707.707a2 2 0 0 1-2.829 0l-4.96-4.961 2.12-2.122zM16 11h2v2h-2v-2zm4 0h2v2h-2v-2zM6 11h2v2H6v-2zm-4 0h2v2H2v-2z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 533 B

1
modules/home-manager/browser/floorp/chrome/icons/dark-mode.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-6.671-5.575A8 8 0 1 0 16.425 5.328a8.997 8.997 0 0 1-2.304 8.793 8.997 8.997 0 0 1-8.792 2.304z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 364 B

1
modules/home-manager/browser/floorp/chrome/icons/developer.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M24 12l-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12zM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 375 B

3
modules/home-manager/browser/floorp/chrome/icons/email.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M14.5,14.5H1.5A1.5,1.5,0,0,1,0,13V3A1.5,1.5,0,0,1,1.5,1.5h13A1.5,1.5,0,0,1,16,3V13A1.5,1.5,0,0,1,14.5,14.5Zm0-11.25L8,7.25l-6.5-4V5L8,9l6.5-4Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 302 B

40
modules/home-manager/browser/floorp/chrome/icons/extension-icons.css Normal file
View file

@ -0,0 +1,40 @@
.webextension-browser-action > .toolbarbutton-badge-stack > .toolbarbutton-badge {
background-color: var(--lwt-toolbarbutton-icon-fill-attention) !important;
color: var(--dark-base) !important;
}
/**extension filter based on --light-base**/
.webextension-browser-action:not(badge):not(#ublock0_raymondhill_net-browser-action):not(#support_lastpass_com-browser-action):not(#privacy_privacy_com-browser-action):not(#addon_darkreader_org-browser-action):not(#_7a7b1d36-d7a4-481b-92c6-9f5427cb9eb1_-browser-action):not(#_eec37db0-22ad-4bf1-9068-5ae08df8c7e9_-browser-action)
> .toolbarbutton-badge-stack
> .toolbarbutton-icon {
padding: 1px !important;
filter: var(--extension-icon-mask);
}
:root[privatebrowsingmode="temporary"]
.webextension-browser-action:not(#ublock0_raymondhill_net-browser-action):not(#support_lastpass_com-browser-action):not(#privacy_privacy_com-browser-action):not(#addon_darkreader_org-browser-action):not(#_7a7b1d36-d7a4-481b-92c6-9f5427cb9eb1_-browser-action):not(#_eec37db0-22ad-4bf1-9068-5ae08df8c7e9_-browser-action)
> .toolbarbutton-badge-stack
> .toolbarbutton-icon {
filter: var(--extension-icon-mask);
}
.webextension-browser-action[data-extensionid="uBlock0@raymondhill.net"] {
list-style-image: url(custom-adblock.svg) !important;
}
.webextension-browser-action[data-extensionid="support@lastpass.com"],
.webextension-browser-action[data-extensionid="{eec37db0-22ad-4bf1-9068-5ae08df8c7e9}"] {
list-style-image: url(key.svg) !important;
}
.webextension-browser-action[data-extensionid="privacy@privacy.com"] {
list-style-image: url(bank-card.svg) !important;
}
.webextension-browser-action[data-extensionid="addon@darkreader.org"] {
list-style-image: url(dark-mode.svg) !important;
}
.webextension-browser-action[data-extensionid="{7a7b1d36-d7a4-481b-92c6-9f5427cb9eb1}"] {
list-style-image: url(bookmark.svg) !important;
}

1
modules/home-manager/browser/floorp/chrome/icons/folder.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M13.414 5H20a1 1 0 0 1 1 1v1H3V4a1 1 0 0 1 1-1h7.414l2 2zM3.087 9h17.826a1 1 0 0 1 .997 1.083l-.834 10a1 1 0 0 1-.996.917H3.92a1 1 0 0 1-.996-.917l-.834-10A1 1 0 0 1 3.087 9z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 369 B

3
modules/home-manager/browser/floorp/chrome/icons/forget.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M13.4,9.92A4.915,4.915,0,0,0,13.8,8,5.058,5.058,0,0,0,8.735,2.946a4.958,4.958,0,0,0-1.913.4L5.741,2.261A6.357,6.357,0,0,1,8.735,1.5,6.508,6.508,0,0,1,15.251,8a6.309,6.309,0,0,1-.77,3Zm2.476,4.1-0.884.884L12.98,12.893a6.469,6.469,0,0,1-8.851-.3l1.028-1.025a5.018,5.018,0,0,0,6.8.3l-7.1-7.1A5,5,0,0,0,3.666,8H5.838L2.913,10.91l-0.051-.1L0.046,8H2.218A6.433,6.433,0,0,1,3.84,3.752L1.214,1.126,2.1,0.242Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 563 B

1
modules/home-manager/browser/floorp/chrome/icons/fullscreen.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M20 3h2v6h-2V5h-4V3h4zM4 3h4v2H4v4H2V3h2zm16 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 277 B

1
modules/home-manager/browser/floorp/chrome/icons/globe.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm6.355-6.048v-.105c0-.922 0-1.343-.652-1.716a7.374 7.374 0 0 0-.645-.325c-.367-.167-.61-.276-.938-.756a12.014 12.014 0 0 1-.116-.172c-.345-.525-.594-.903-1.542-.753-1.865.296-2.003.624-2.085 1.178l-.013.091c-.121.81-.143 1.082.195 1.437 1.265 1.327 2.023 2.284 2.253 2.844.112.273.4 1.1.202 1.918a8.185 8.185 0 0 0 3.151-2.237c.11-.374.19-.84.19-1.404zM12 3.833c-2.317 0-4.41.966-5.896 2.516.177.123.331.296.437.534.204.457.204.928.204 1.345 0 .328 0 .64.105.865.144.308.766.44 1.315.554.197.042.399.084.583.135.506.14.898.595 1.211.96.13.151.323.374.42.43.05-.036.211-.211.29-.498.062-.22.044-.414-.045-.52-.56-.66-.529-1.93-.356-2.399.272-.739 1.122-.684 1.744-.644.232.015.45.03.614.009.622-.078.814-1.025.949-1.21.292-.4 1.186-1.003 1.74-1.375A8.138 8.138 0 0 0 12 3.833z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

1
modules/home-manager/browser/floorp/chrome/icons/history.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0H24V24H0z"/><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12h2c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8C9.25 4 6.824 5.387 5.385 7.5H8v2H2v-6h2V6c1.824-2.43 4.729-4 8-4zm1 5v4.585l3.243 3.243-1.415 1.415L11 12.413V7h2z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 413 B

1
modules/home-manager/browser/floorp/chrome/icons/home-1x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.49a1 1 0 0 1 .386-.79l8-6.222a1 1 0 0 1 1.228 0l8 6.222a1 1 0 0 1 .386.79V20zm-10-7v6h2v-6h-2z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 328 B

3
modules/home-manager/browser/floorp/chrome/icons/home-2x.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M14.5,8.25a0.75,0.75,0,0,1-1.28.53h0L13,8.57V13.5a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V8.57l-0.219.211h0A0.75,0.75,0,1,1,1.72,7.72h0l5.75-5.844h0a0.749,0.749,0,0,1,1.058,0h0l5.75,5.844h0A0.747,0.747,0,0,1,14.5,8.25ZM4.5,13h7V7.124L8,3.75,4.5,7.124V13Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 405 B

1
modules/home-manager/browser/floorp/chrome/icons/hyperlink.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M17.657 14.828l-1.414-1.414L17.657 12A4 4 0 1 0 12 6.343l-1.414 1.414-1.414-1.414 1.414-1.414a6 6 0 0 1 8.485 8.485l-1.414 1.414zm-2.829 2.829l-1.414 1.414a6 6 0 1 1-8.485-8.485l1.414-1.414 1.414 1.414L6.343 12A4 4 0 1 0 12 17.657l1.414-1.414 1.414 1.414zm0-9.9l1.415 1.415-7.071 7.07-1.415-1.414 7.071-7.07z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 503 B

305
modules/home-manager/browser/floorp/chrome/icons/icons.css Executable file
View file

@ -0,0 +1,305 @@
.toolbarbutton-1:-moz-any(#back-button, #forward-button),
#context-back,
#context-forward,
.subviewbutton-back,
.identity-popup-expander {
list-style-image: url(arrow-back-1x.svg) !important;
}
#PanelUI-menu-button {
list-style-image: url(menu.svg) !important;
}
#PanelUI-menu-button[badge-status|="update"] {
list-style-image: url(menu-update.svg) !important;
}
#reload-button,
#context-reload {
list-style-image: url(refresh-1x.svg) !important;
}
#stop-button {
list-style-image: url(stop-1x.svg) !important;
}
.toolbarbutton-1#forward-button,
#context-forward {
transform: scaleX(-1) !important;
}
#home-button {
list-style-image: url(home-2x.svg) !important;
}
#star-button,
#context-bookmarkpage,
#pageAction-panel-bookmark,
#panelMenuBookmarkThisPage {
list-style-image: url(star-1x.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
#reader-mode-button{
list-style-image: url(reader-mode.svg) !important;
}
#star-button[starred],
#tracking-protection-icon-box[active] {
list-style-image: url(star-filled.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill-attention) !important;
}
#star-button[starred],
#context-bookmarkpage[starred],
#panelMenuBookmarkThisPage {
fill-opacity: 1 !important;
}
#bookmarks-menu-button,
#appMenu-library-bookmarks-button,
#panelMenu_toggleBookmarksMenu {
list-style-image: url(bookmark.svg) !important;
}
#library-button,
#appMenu-library-button {
list-style-image: url(library-1x.svg) !important;
}
#sidebar-button {
list-style-image: url(sidebar.svg) !important;
}
#preferences-button,
#appMenu-preferences-button,
.identity-popup-preferences-button,
#urlbar-anon-search-settings-compact .button-icon {
list-style-image: url(settings.svg) !important;
}
#appMenu-customize-button {
list-style-image: url(customize.svg) !important;
}
#history-panelmenu,
#appMenu-library-history-button {
list-style-image: url(history.svg) !important;
}
#appMenu-logins-button,
richlistitem[originaltype="loginWithOrigin"] .ac-site-icon,
richlistitem[originaltype="loginsFooter"] .ac-site-icon {
list-style-image: url(key.svg) !important;
}
.subviewbutton[type="highlight-history"]::after {
content: url(history.svg) !important;
}
#panic-button {
list-style-image: url(forget.svg) !important;
}
#developer-button {
list-style-image: url(developer.svg) !important;
}
#add-ons-button,
#appMenu-addons-button {
list-style-image: url(addons.svg) !important;
}
#email-link-button,
#pageAction-panel-emailLink {
list-style-image: url(email.svg) !important;
}
#pageAction-panel-shareURL {
list-style-image: url(share.svg) !important;
}
#pageAction-panel-copyURL {
list-style-image: url(hyperlink.svg) !important;
}
#pageAction-panel-webcompat-reporter_mozilla_org {
list-style-image: url(bug.svg) !important;
}
#pageAction-panel-webcompat-reporter_mozilla_org > .toolbarbutton-icon {
list-style-image: inherit !important;
}
#nav-bar-overflow-button {
list-style-image: url(overflow.svg) !important;
}
#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left {
background-image: url(screenshot.svg) !important;
background-position: 4px center !important;
background-repeat: no-repeat !important;
}
#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-icon {
visibility: hidden !important;
}
#tabs-newtab-button,
#new-tab-button {
list-style-image: url(new-tab.svg) !important;
}
#fxa-avatar-image {
/* icon should be 20px, but we don't want to affect button size */
transform: scale(1.25) !important;
border-radius: 50% !important;
}
:root:not([fxastatus="signedin"]) #fxa-avatar-image {
list-style-image: url(profile-inactive.svg) !important;
}
:root[fxastatus="signedin"]:not([style*="--avatar-image-url"]) #fxa-avatar-image {
list-style-image: url(profile.svg) !important;
}
:root[privatebrowsingmode] #fxa-avatar-image {
list-style-image: url(incognito.svg) !important;
}
#urlbar[pageproxystate="invalid"] #identity-icon,
.searchbar-search-icon,
#PopupAutoCompleteRichResult .ac-type-icon[type="keyword"],
#PopupAutoCompleteRichResult .ac-site-icon[type="searchengine"],
#appMenu-find-button,
#find-button,
#panelMenu_searchBookmarks {
list-style-image: url(search.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
#print-button {
list-style-image: url(print.svg) !important;
}
#edit-controls #cut-button,
#appMenu-cut-button {
list-style-image: url(cut.svg) !important;
}
#edit-controls #copy-button,
#appMenu-copy-button {
list-style-image: url(copy.svg) !important;
}
#edit-controls #paste-button,
#appMenu-paste-button {
list-style-image: url(paste.svg) !important;
}
#privatebrowsing-button {
list-style-image: url(incognito.svg) !important;
}
#fullscreen-button {
list-style-image: url(fullscreen.svg) !important;
}
#appMenu-fxa-label,
#PanelUI-fxa-menu-syncnow-button,
#appMenu-fxa-icon,
#PanelUI-remotetabs-syncnow {
list-style-image: url(sync.svg) !important;
}
/* toolbarbutton bookmark folder icon */
toolbarbutton[class="bookmark-item"][container="true"] > .toolbarbutton-icon {
list-style-image: url(folder.svg) !important;
}
.tab-icon-image:not([src]) {
list-style-image: url(globe.svg) !important;
}
.tab-icon-image[src="chrome://browser/skin/settings.svg"]
{
display: none !important;
}
.tab-icon-image[src="chrome://browser/skin/settings.svg"] ~ .tab-icon-overlay
{
display: -moz-box !important;
margin: 0 !important;
list-style-image: url(settings.svg) !important;
-moz-context-properties: fill, fill-opacity !important;
fill: currentColor !important;
}
.tab-icon-overlay[soundplaying],
.tab-icon-sound {
list-style-image: url(audio.svg) !important;
}
.tab-icon-overlay[muted],
.tab-icon-sound[muted] {
list-style-image: url(audio-muted.svg) !important;
}
.tab-icon-overlay[activemedia-blocked],
.tab-icon-sound[activemedia-blocked] {
list-style-image: url(media-blocked.svg) !important;
}
.downloadIconShow .button-icon {
list-style-image: url(folder.svg) !important;
}
.panel-banner-item[notificationid^="update"] {
list-style-image: url(menu-update.svg) !important;
-moz-context-properties: fill, fill-opacity !important;
fill: currentColor !important;
}
/* high DPI adjustments */
@media (min--moz-device-pixel-ratio: 2) {
.toolbarbutton-1:-moz-any(#back-button, #forward-button),
#context-back,
#context-forward,
.subviewbutton-back,
.identity-popup-expander {
list-style-image: url(arrow-back-2x.svg) !important;
}
#PanelUI-menu-button:not([badge-status|="update"]) .toolbarbutton-icon {
transform: translate(-0.5px, -0.5px) !important;
}
#stop-button {
list-style-image: url(stop-2x.svg) !important;
}
#reload-button,
#context-reload {
list-style-image: url(refresh-2x.svg) !important;
}
#home-button {
list-style-image: url(home-2x.svg) !important;
}
#star-button,
#context-bookmarkpage,
#pageAction-panel-bookmark,
#panelMenuBookmarkThisPage {
list-style-image: url(star-2x.svg) !important;
}
#bookmarks-menu-button .toolbarbutton-icon {
transform: translateX(0.5px) !important;
}
#library-button {
list-style-image: url(library-2x.svg) !important;
}
}

1
modules/home-manager/browser/floorp/chrome/icons/incognito.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M17 13a4 4 0 1 1 0 8c-2.142 0-4-1.79-4-4h-2a4 4 0 1 1-.535-2h3.07A3.998 3.998 0 0 1 17 13zM2 12v-2h2V7a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v3h2v2H2z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 335 B

1
modules/home-manager/browser/floorp/chrome/icons/key.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10.313 11.566l7.94-7.94 2.121 2.121-1.414 1.414 2.121 2.121-3.535 3.536-2.121-2.121-2.99 2.99a5.002 5.002 0 0 1-7.97 5.849 5 5 0 0 1 5.848-7.97zm-.899 5.848a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 396 B

1
modules/home-manager/browser/floorp/chrome/icons/library-1x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M20 22H6.5A3.5 3.5 0 0 1 3 18.5V5a3 3 0 0 1 3-3h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2v-3H6.5a1.5 1.5 0 0 0 0 3H19zM10 4v8l3.5-2 3.5 2V4h-7z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 335 B

1
modules/home-manager/browser/floorp/chrome/icons/library-2x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M20 22H6.5A3.5 3.5 0 0 1 3 18.5V5a3 3 0 0 1 3-3h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2v-3H6.5a1.5 1.5 0 0 0 0 3H19zM10 4v8l3.5-2 3.5 2V4h-7z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 336 B

1
modules/home-manager/browser/floorp/chrome/icons/lock.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zm-7 7.732V18h2v-2.268a2 2 0 1 0-2 0zM16 8V7a4 4 0 1 0-8 0v1h8z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 348 B

1
modules/home-manager/browser/floorp/chrome/icons/menu-update.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zm1 10h3l-4-4-4 4h3v4h2v-4z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 287 B

1
modules/home-manager/browser/floorp/chrome/icons/menu.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M3 4h18v2H3V4zm6 7h12v2H9v-2zm-6 7h18v2H3v-2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 240 B

3
modules/home-manager/browser/floorp/chrome/icons/new-tab.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M8,2A1,1,0,0,1,9,3V13a1,1,0,0,1-2,0V3A1,1,0,0,1,8,2ZM3,7H13a1,1,0,0,1,0,2H3A1,1,0,0,1,3,7Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 250 B

1
modules/home-manager/browser/floorp/chrome/icons/overflow.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 3c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 14c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-7c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 341 B

1
modules/home-manager/browser/floorp/chrome/icons/page-action.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke-opacity="context-fill-opacity" stroke="context-fill" stroke-linecap='round' stroke-miterlimit='10' stroke-width='32' d='M80 160h352M80 256h352M80 352h352'/></svg>
Side by side

After

Width:  |  Height:  |  Size: 250 B

1
modules/home-manager/browser/floorp/chrome/icons/password-manager.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zm-2 0V7a4 4 0 1 0-8 0v1h8zm-5 6v2h2v-2h-2zm-4 0v2h2v-2H7zm8 0v2h2v-2h-2z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 358 B

1
modules/home-manager/browser/floorp/chrome/icons/paste.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M6 4v4h12V4h2.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H6zm2-2h8v4H8V2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 343 B

1
modules/home-manager/browser/floorp/chrome/icons/print.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M7 17h10v5H7v-5zm12 3v-5H5v5H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-2zM5 10v2h3v-2H5zm2-8h10a1 1 0 0 1 1 1v3H6V3a1 1 0 0 1 1-1z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 350 B

1
modules/home-manager/browser/floorp/chrome/icons/profile-inactive.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z' fill='none' stroke-opacity="context-fill-opacity" stroke="context-fill" stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z' fill='none' stroke-opacity="context-fill-opacity" stroke="context-fill" stroke-miterlimit='10' stroke-width='32'/></svg>
Side by side

After

Width:  |  Height:  |  Size: 553 B

1
modules/home-manager/browser/floorp/chrome/icons/profile.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M20 22H4v-2a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5v2zm-8-9a6 6 0 1 1 0-12 6 6 0 0 1 0 12z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 274 B

1
modules/home-manager/browser/floorp/chrome/icons/reader-mode.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2V4H5v16h14zM8 7h8v2H8V7zm0 4h8v2H8v-2zm0 4h5v2H8v-2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 268 B

1
modules/home-manager/browser/floorp/chrome/icons/refresh-1x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18.537 19.567A9.961 9.961 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3a8 8 0 1 0-2.46 5.772l.997 1.795z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 353 B

16
modules/home-manager/browser/floorp/chrome/icons/refresh-2x.svg Normal file
View file

@ -0,0 +1,16 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="16" height="16" viewBox="0 0 16 16"
fill-rule="evenodd"
>
<path
fill="none"
stroke-opacity="context-fill-opacity" stroke="context-fill" stroke-linecap="round" stroke-width="2"
d="M13.719,10.25A5.881,5.881,0,0,1,8,14,6,6,0,1,1,12.243,3.757"
/>
<path
fill-opacity="context-fill-opacity"
fill="context-fill"
d="M15,1V7H9Z"
/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 397 B

1
modules/home-manager/browser/floorp/chrome/icons/screenshot.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 558 B

1
modules/home-manager/browser/floorp/chrome/icons/search.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 475 B

1
modules/home-manager/browser/floorp/chrome/icons/settings.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5.334 4.545a9.99 9.99 0 0 1 3.542-2.048A3.993 3.993 0 0 0 12 3.999a3.993 3.993 0 0 0 3.124-1.502 9.99 9.99 0 0 1 3.542 2.048 3.993 3.993 0 0 0 .262 3.454 3.993 3.993 0 0 0 2.863 1.955 10.043 10.043 0 0 1 0 4.09c-1.16.178-2.23.86-2.863 1.955a3.993 3.993 0 0 0-.262 3.455 9.99 9.99 0 0 1-3.542 2.047A3.993 3.993 0 0 0 12 20a3.993 3.993 0 0 0-3.124 1.502 9.99 9.99 0 0 1-3.542-2.047 3.993 3.993 0 0 0-.262-3.455 3.993 3.993 0 0 0-2.863-1.954 10.043 10.043 0 0 1 0-4.091 3.993 3.993 0 0 0 2.863-1.955 3.993 3.993 0 0 0 .262-3.454zM13.5 14.597a3 3 0 1 0-3-5.196 3 3 0 0 0 3 5.196z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 770 B

1
modules/home-manager/browser/floorp/chrome/icons/share.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M13.576 17.271l-5.11-2.787a3.5 3.5 0 1 1 0-4.968l5.11-2.787a3.5 3.5 0 1 1 .958 1.755l-5.11 2.787a3.514 3.514 0 0 1 0 1.458l5.11 2.787a3.5 3.5 0 1 1-.958 1.755z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 353 B

1
modules/home-manager/browser/floorp/chrome/icons/sidebar.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm6 2v14h11V5H9z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 281 B

7
modules/home-manager/browser/floorp/chrome/icons/star-1x.svg Normal file
View file

@ -0,0 +1,7 @@
<svg class="w-6 h-6"
fill-opacity="context-fill-opacity"
fill="context-fill" viewBox="0 0 24 24"
width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<path fill="none" d="M0 0h24v24H0z"/>
<path d="M5 2h14a1 1 0 0 1 1 1v19.143a.5.5 0 0 1-.766.424L12 18.03l-7.234 4.536A.5.5 0 0 1 4 22.143V3a1 1 0 0 1 1-1zm13 2H6v15.432l6-3.761 6 3.761V4z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 384 B

2
modules/home-manager/browser/floorp/chrome/icons/star-2x.svg Normal file
View file

@ -0,0 +1,2 @@
<svg class="w-6 h-6" fill-opacity="context-fill-opacity"
fill="context-fill" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z"></path></svg>
Side by side

After

Width:  |  Height:  |  Size: 209 B

7
modules/home-manager/browser/floorp/chrome/icons/star-filled.svg Normal file
View file

@ -0,0 +1,7 @@
<svg class="w-6 h-6"
fill-opacity="context-fill-opacity"
fill="context-fill" viewBox="0 0 24 24"
width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<path fill="none" d="M0 0h24v24H0z"/>
<path d="M5 2h14a1 1 0 0 1 1 1v19.143a.5.5 0 0 1-.766.424L12 18.03l-7.234 4.536A.5.5 0 0 1 4 22.143V3a1 1 0 0 1 1-1z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 351 B

1
modules/home-manager/browser/floorp/chrome/icons/stop-1x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 323 B

8
modules/home-manager/browser/floorp/chrome/icons/stop-2x.svg Normal file
View file

@ -0,0 +1,8 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="16" height="16" viewBox="0 0 16 16"
fill="none" stroke="rgba(188,188,188,1)" stroke-opacity="context-fill-opacity" stroke-linecap="round" stroke-width="1.5"
>
<path d="M3,13L13,3"/>
<path d="M13,13L3,3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 265 B

1
modules/home-manager/browser/floorp/chrome/icons/sync.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M5.463 4.433A9.961 9.961 0 0 1 12 2c5.523 0 10 4.477 10 10 0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228l-.997-1.795zm13.074 15.134A9.961 9.961 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772l.997 1.795z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 452 B

1
modules/home-manager/browser/floorp/chrome/icons/tracking-protection.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0H24V24H0z"/><path d="M12 1l8.217 1.826c.457.102.783.507.783.976v9.987c0 2.006-1.003 3.88-2.672 4.992L12 23l-6.328-4.219C4.002 17.668 3 15.795 3 13.79V3.802c0-.469.326-.874.783-.976L12 1zm4.452 7.222l-4.95 4.949-2.828-2.828-1.414 1.414L11.503 16l6.364-6.364-1.415-1.414z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 442 B

34
modules/home-manager/browser/floorp/chrome/interface/interface.css Normal file
View file

@ -0,0 +1,34 @@
#customization-footer button,
#editBookmarkPanelBottomButtons button {
-moz-appearance: none !important;
border: none !important;
padding: 7px !important;
color: var(--arrowpanel-color) !important;
background: var(--arrowpanel-background) !important;
border-radius: 5px !important;
margin-left: 10px !important;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
transition: transform 300ms ease-in-out !important;
}
#editBookmarkPanelBottomButtons button,
#editBMPanel_foldersExpander button {
background: var(--lwt-accent-color) !important;
}
button#editBookmarkPanelDoneButton {
color: var(--lwt-accent-color) !important;
background-color: var(--lwt-toolbarbutton-icon-fill-attention) !important;
}
button:hover {
transform: translateY(-2px) !important;
}
#editBookmarkPanel input {
-moz-appearance: none !important;
border-radius: 5px;
padding: 7px;
background: var(--lwt-accent-color) !important;
background-color: var(--lwt-accent-color) !important;
border-color: var(--arrowpanel-dimmed-further) !important;
}

3
modules/home-manager/browser/floorp/chrome/navbar/connection-1x.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M11,13H5a1,1,0,0,1-1-1V7A1,1,0,0,1,5,6V5a3,3,0,0,1,6,0V6a1,1,0,0,1,1,1v5A1,1,0,0,1,11,13ZM8,3A2,2,0,0,0,6,5V6h4V5A2,2,0,0,0,8,3Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 288 B

3
modules/home-manager/browser/floorp/chrome/navbar/connection-2x.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M11,13.5H5a1,1,0,0,1-1-1v-5a1,1,0,0,1,1-1H5.5v-1a2.5,2.5,0,0,1,5,0v1H11a1,1,0,0,1,1,1v5A1,1,0,0,1,11,13.5ZM8,4A1.5,1.5,0,0,0,6.5,5.5v1h3v-1A1.5,1.5,0,0,0,8,4Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 318 B

3
modules/home-manager/browser/floorp/chrome/navbar/connection-warning-1x.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill-rule="evenodd" fill="context-fill" fill-opacity="context-fill-opacity" d="M8,1l8,13H0ZM7,6H9V9H7V6Zm0,4H9v2H7V10Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 219 B

3
modules/home-manager/browser/floorp/chrome/navbar/connection-warning-2x.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill-rule="evenodd" fill="context-fill" fill-opacity="context-fill-opacity" d="M7.75,2.5L14,13.5H1.5ZM7,6.5H8.5v3H7v-3Zm0,4H8.5V12H7V10.5Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 240 B

3
modules/home-manager/browser/floorp/chrome/navbar/identity-icons-brand.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M31.4 14.627c-.044-.289-.088-.46-.088-.46s-.113.131-.3.379a10.8 10.8 0 0 0-.375-2.04 13.883 13.883 0 0 0-.94-2.418 10.078 10.078 0 0 0-.858-1.473q-.177-.264-.36-.512c-.571-.934-1.227-1.5-1.986-2.583a7.826 7.826 0 0 1-.993-2.692 10.88 10.88 0 0 0-.477 1.761c-.779-.786-1.458-1.345-1.866-1.726C21.133.978 21.367 0 21.367 0s-3.773 4.209-2.137 8.6a8.43 8.43 0 0 0 2.81 3.744c1.581 1.3 3.283 2.33 4.18 4.952a8.4 8.4 0 0 0-3.154-3.327 7.593 7.593 0 0 1 .6 3.006 7.145 7.145 0 0 1-8.736 6.96 6.576 6.576 0 0 1-1.77-.6 7.2 7.2 0 0 1-2.121-1.96l-.01-.017.126.046a6.517 6.517 0 0 0 .9.242 5.644 5.644 0 0 0 3.594-.424c1.129-.626 1.813-1.091 2.367-.908h.01c.542.172.969-.353.581-.9a2.949 2.949 0 0 0-2.846-1.114c-1.131.165-2.167.968-3.648.19a3.13 3.13 0 0 1-.278-.163c-.1-.058.317.088.221.022a7.351 7.351 0 0 1-.931-.555c-.022-.018.224.07.2.052a3.591 3.591 0 0 1-.971-.982 1.746 1.746 0 0 1-.066-1.559 1.376 1.376 0 0 1 .6-.566c.192.095.31.166.31.166s-.087-.16-.135-.244c.017-.006.032 0 .049-.011.168.073.539.261.734.376a1.018 1.018 0 0 1 .335.3s.067-.033.017-.173a.907.907 0 0 0-.347-.425h.016A2.952 2.952 0 0 1 12.3 15a2.085 2.085 0 0 0 .171-.906 1.181 1.181 0 0 0-.069-.5c-.054-.1.03-.14.123-.035a.977.977 0 0 0-.079-.239v-.008s.053-.069.078-.095a1.434 1.434 0 0 1 .216-.176 10 10 0 0 1 1.469-.749c.416-.181.759-.32.83-.36a2.287 2.287 0 0 0 .294-.226 1.973 1.973 0 0 0 .661-1.143 1.593 1.593 0 0 0 .017-.178v-.105c-.06-.226-.449-.395-2.483-.586a1.778 1.778 0 0 1-1.454-1.364v.009c-.029.075-.055.15-.081.225.026-.075.052-.151.081-.225v-.016a5.153 5.153 0 0 1 1.992-2.474c.052-.043-.208.011-.156-.032a5.18 5.18 0 0 1 .532-.225c.091-.039-.391-.222-.818-.178a2.2 2.2 0 0 0-.758.178c.1-.086.4-.2.33-.2a4.877 4.877 0 0 0-1.547.585.315.315 0 0 1 .03-.14 2.407 2.407 0 0 0-.966.746 1.286 1.286 0 0 0 .01-.174 2.883 2.883 0 0 0-.475.446l-.009.007a6.3 6.3 0 0 0-3.527-.3l-.01-.009h.012a2.953 2.953 0 0 1-.627-.7l-.008-.012-.014-.021a5.48 5.48 0 0 1-.237-.388 5.527 5.527 0 0 1-.176-.339c0-.008-.009-.011-.013-.012-.024 0-.041.111-.061.082v-.006a4.322 4.322 0 0 1-.309-1.697l-.016.008a1.89 1.89 0 0 0-.716.937c-.062.137-.1.213-.14.288v-.035c.009-.069.039-.212.032-.2s-.013.019-.02.029a1.741 1.741 0 0 0-.252.373 2.366 2.366 0 0 0-.15.383c-.006.021 0-.018 0-.064s.009-.128 0-.111l-.022.043a9.526 9.526 0 0 0-.806 3.044 3.038 3.038 0 0 0-.023.54v.016a6.641 6.641 0 0 0-.819 1.1 15.65 15.65 0 0 0-1.731 4.246 10.379 10.379 0 0 1 .928-1.626 15.041 15.041 0 0 0-1.049 5.514 14.264 14.264 0 0 1 .451-1.634 13.848 13.848 0 0 0 1.25 6.489 15.08 15.08 0 0 0 5.968 6.768 13.057 13.057 0 0 0 3.478 1.667c.163.059.327.117.5.173-.053-.021-.1-.044-.153-.067a15.752 15.752 0 0 0 4.506.659c5.41 0 7.2-2.06 7.36-2.266a2.739 2.739 0 0 0 .639-.858q.156-.064.316-.137l.067-.03.122-.057a11.349 11.349 0 0 0 2.284-1.43 5.511 5.511 0 0 0 2.129-3.11 1.944 1.944 0 0 0 .029-1.433q.083-.132.171-.28a12.743 12.743 0 0 0 1.913-6.2v-.184a7.76 7.76 0 0 0-.115-1.388z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

3
modules/home-manager/browser/floorp/chrome/navbar/info-1x.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill-rule="evenodd" fill="context-fill" fill-opacity="context-fill-opacity" d="M8,1A7,7,0,1,1,1,8,7,7,0,0,1,8,1ZM8,3A5,5,0,1,1,3,8,5,5,0,0,1,8,3ZM7,4H9V6H7V4ZM7,7H9v4H7V7Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 272 B

3
modules/home-manager/browser/floorp/chrome/navbar/info-2x.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill-rule="evenodd" fill="context-fill" fill-opacity="context-fill-opacity" d="M7.75,1A6.75,6.75,0,1,1,1,7.75,6.75,6.75,0,0,1,7.75,1Zm0,1.5A5.25,5.25,0,1,1,2.5,7.75,5.25,5.25,0,0,1,7.75,2.5ZM7,4.5H8.5V6H7V4.5ZM7,7H8.5v4H7V7Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 325 B

4
modules/home-manager/browser/floorp/chrome/navbar/naughty-shield-1x.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M12.7,7h-0.92A28.263,28.263,0,0,0,12,3.5l-4.5-2V7.153A0.986,0.986,0,0,0,7,8v5.794A7.942,7.942,0,0,1,3.554,11C1.994,8.647,2,2.5,2,2.5L7.531,0,13,2.5A34.541,34.541,0,0,1,12.7,7Z"/>
<path fill="#cc4f40" fill-opacity="context-fill-opacity" d="M14,15H9a1,1,0,0,1-1-1V9A1,1,0,0,1,9,8h5a1,1,0,0,1,1,1v5A1,1,0,0,1,14,15Zm-1.139-2.846-0.646-.646,0.646-.646-0.008-.008A0.5,0.5,0,0,0,12.5,10a0.491,0.491,0,0,0-.386.194l-0.606.606-0.646-.646,0,0a0.5,0.5,0,1,0-.7.7l0,0L10.8,11.508l-0.606.606A0.491,0.491,0,0,0,10,12.5a0.5,0.5,0,0,0,.854.354l0.008,0.008,0.646-.646,0.646,0.646,0,0a0.5,0.5,0,0,0,.7-0.7Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 750 B

4
modules/home-manager/browser/floorp/chrome/navbar/naughty-shield-2x.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M13.152,7.5H12.22a25.187,25.187,0,0,0,.28-3.75L8.025,2,8.012,7.645A0.987,0.987,0,0,0,7.5,8.5v5.309A8,8,0,0,1,4,11C2.431,8.647,2.5,3,2.5,3L8,1l5.5,2A29.211,29.211,0,0,1,13.152,7.5Z"/>
<path fill="#cc4f40" fill-opacity="context-fill-opacity" d="M14.5,15.5h-5a1,1,0,0,1-1-1v-5a1,1,0,0,1,1-1h5a1,1,0,0,1,1,1v5A1,1,0,0,1,14.5,15.5Zm-1.139-2.846-0.646-.646,0.646-.646-0.008-.008A0.5,0.5,0,0,0,13,10.5a0.491,0.491,0,0,0-.386.194l-0.606.606-0.646-.646,0,0a0.5,0.5,0,1,0-.7.7l0,0L11.3,12.008l-0.606.606A0.491,0.491,0,0,0,10.5,13a0.5,0.5,0,0,0,.854.354l0.008,0.008,0.646-.646,0.646,0.646,0,0a0.5,0.5,0,0,0,.7-0.7Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 764 B

134
modules/home-manager/browser/floorp/chrome/navbar/navbar.css Normal file
View file

@ -0,0 +1,134 @@
.titlebar-spacer {
display: none !important;
}
/* change! - removed the bottom border (same color anyways, just missaligns everything) */
/* toolbox#navigator-toolbox {
border-bottom: solid var(--dividers) var(--sidebar-shadow-color) !important;
} */
#nav-bar {
min-height: 36px !important;
box-shadow: none !important;
padding-inline: 5px 6px !important;
background-color: var(--toolbar-bgcolor) !important;
padding: 8px !important;
}
.private-browsing-indicator {
display: none !important;
}
#reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon {
opacity: 1 !important;
}
toolbar .toolbarbutton-1 {
margin-left: 3px !important;
margin-right: 3px !important;
}
#stop-reload-button[animate="true"] .toolbarbutton-animatable-box {
transform: translateX(2px) translateY(16px) !important;
}
.toolbarbutton-1[checked="true"] > .toolbarbutton-icon {
background: transparent !important;
fill: var(--lwt-toolbarbutton-icon-fill-attention);
}
toolbar .toolbarbutton-1 > .toolbarbutton-icon {
border-radius: 7px !important;
padding: 7px !important;
}
:root:not([customizing]) #back-button[disabled="true"] {
opacity: 0.5 !important;
}
/* #back-button:not(:hover),
#back-button:not(:hover) > .toolbarbutton-icon {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
#back-button:hover,
#back-button:hover > .toolbarbutton-icon {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border: none !important;
}
#back-button:hover:not([disabled]) > .toolbarbutton-icon {
background: var(--lwt-toolbarbutton-hover-background) !important;
}
*/
#back-button > .toolbarbutton-icon {
padding: 4px !important;
}
#forward-button > .toolbarbutton-icon {
padding: 3px !important;
}
toolbar:not([customizing="true"])
.toolbarbutton-1:not(.titlebar-button):not(#back-button):not(#forward-button)
> .toolbarbutton-icon {
padding: 6px !important;
}
.toolbarbutton-1 .toolbarbutton-badge-stack #fxa-avatar-image {
padding: 1px !important;
}
/* Windows */
#PanelUI-button {
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
#PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge {
display: none !important;
}
:root[privatebrowsingmode] #fxa-toolbar-menu-button {
pointer-events: none !important;
}
/* show "Private" label for en languages only */
:root[titlemodifier="(Private Browsing)"] #fxa-toolbar-menu-button::before {
content: "Private" !important;
display: -moz-box !important;
margin-inline-start: 12px !important;
margin-inline-end: 6px !important;
}
#nav-bar-customization-target {
overflow: visible !important;
}
/* animated download box (do this to get it into the url bar */
/* .toolbarbutton-animatable-box {
transform: translateX(-80px) !important;
top: 1px !important;
z-index: 10 !important;
} */
#PersonalToolbar {
margin-top: -40px !important;
opacity: 0;
transition: all var(--transition-time) var(--ease-out) !important;
}
toolbox[id="navigator-toolbox"]:hover #PersonalToolbar {
opacity: 1;
margin: 0 !important;
}
#PlacesToolbarItems {
margin: 7px 4px !important;
}
toolbarbutton[class="bookmark-item"]:not(:hover) {
opacity: 0.6 !important;
}

1
modules/home-manager/browser/floorp/chrome/popup/checkmark-blank.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 303 B

1
modules/home-manager/browser/floorp/chrome/popup/checkmark.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6l7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 346 B

1
modules/home-manager/browser/floorp/chrome/popup/folder.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M13.414 5H20a1 1 0 0 1 1 1v1H3V4a1 1 0 0 1 1-1h7.414l2 2zM3.087 9h17.826a1 1 0 0 1 .997 1.083l-.834 10a1 1 0 0 1-.996.917H3.92a1 1 0 0 1-.996-.917l-.834-10A1 1 0 0 1 3.087 9z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 369 B

1
modules/home-manager/browser/floorp/chrome/popup/menu-right-1x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z" /></svg>
Side by side

After

Width:  |  Height:  |  Size: 261 B

1
modules/home-manager/browser/floorp/chrome/popup/menu-right-2x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill-rule="evenodd" fill="context-fill" fill-opacity="context-fill-opacity" d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z" /></svg>
Side by side

After

Width:  |  Height:  |  Size: 281 B

913
modules/home-manager/browser/floorp/chrome/popup/popup.css Normal file
View file

@ -0,0 +1,913 @@
menupopup,
menupopup menuitem,
menupopup menu,
menupopup menuseparator {
-moz-appearance: none !important;
}
menupopup,
panel[type="autocomplete-richlistbox"] {
-moz-window-shadow: none !important;
background: 0 !important;
border: 0 !important;
color: var(--arrowpanel-color) !important;
box-sizing: content-box !important;
}
menupopup {
padding: 11px 14px 18px !important;
margin: -19px -14px 0 !important;
}
/* needs to align with textbox/bookmark-button but can't overlap it */
panel[type="autocomplete-richlistbox"],
.bookmark-item:not(menu) > menupopup[placespopup] {
padding: 1px 14px 18px !important;
margin: 0 -14px 0 !important;
}
.panel-arrowcontent {
background: 0 !important;
padding: 0 !important;
box-shadow: none !important;
font: -moz-pull-down-menu !important;
border: 0 !important;
}
.popup-internal-box,
panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox,
#PopupSearchAutoComplete > *,
.menupopup-arrowscrollbox {
background: var(--arrowpanel-background) !important;
}
/* themes a menupopup (or other root level / shadow dom popup) as a panel */
/* Mozilla's use of shadow dom means we can't use a menupopup > .popup-internal-box */
.popup-internal-box,
panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox,
.menupopup-arrowscrollbox {
margin: 0 !important;
padding: 8px 0 !important;
border-radius: 4px !important;
color: inherit !important;
}
.popup-internal-box,
.menupopup-arrowscrollbox {
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}
#PopupSearchAutoComplete > * {
border-radius: 0 !important;
}
#PopupSearchAutoComplete > :first-child {
border-radius: 4px 4px 0 0 !important;
}
#PopupSearchAutoComplete > :last-child {
border-radius: 0 0 4px 4px !important;
}
/* autocomplete panel can't overlap the textbox, so shadow can't go up
more than 1px */
panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px -0px rgba(0, 0, 0, 0.14),
0 3px 14px -5px rgba(0, 0, 0, 0.12) !important;
}
/* search panel gets special treatment; it has multiple children */
#PopupSearchAutoComplete > .autocomplete-richlistbox {
box-shadow: none !important;
}
#PopupSearchAutoComplete {
filter: drop-shadow(0 8px 6px rgba(0, 0, 0, 0.25)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.125)) !important;
}
/* reset non-layout props when embedded in a panel
(panel handles panel theming in this case) */
.panel-arrowcontent > .popup-internal-box {
background: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* shotgun approach to undo this selector...
#BMB_bookmarksPopup menupopup[placespopup="true"]:-moz-lwtheme::part(innerbox)
...without being able to use ::part() in userChrome.css */
[part="innerbox"] {
/* this could cause side effects elsewhere */
box-shadow: none !important;
margin: 0 !important;
}
menupopup menuseparator {
margin: 8px 0 !important;
padding: 0 !important;
height: 1px !important;
background: currentColor !important;
opacity: 0.12 !important;
}
menupopup menuitem,
menupopup menu,
.autocomplete-richlistitem {
height: 32px !important;
padding: 0 16px !important;
border: 0 !important;
background: 0 !important;
color: inherit !important;
fill-opacity: initial !important;
}
menupopup menuitem:hover:not([disabled="true"]),
menupopup menu:hover:not([disabled="true"]),
.autocomplete-richlistitem:hover:not([disabled="true"]):not([selected="true"]) {
background-color: var(--arrowpanel-dimmed) !important;
}
menupopup menuitem:hover:active:not([disabled="true"]),
menupopup menu:hover:active:not([disabled="true"]),
.autocomplete-richlistitem:hover:active:not([disabled="true"]),
.autocomplete-richlistitem[selected="true"] {
background-color: var(--arrowpanel-dimmed-further) !important;
}
menupopup menuitem[disabled="true"],
menupopup menu[disabled="true"],
.autocomplete-richlistitem[disabled="true"] {
opacity: 0.5 !important;
}
/* disable vertical menu scroll buttons and use a good ol' scrollbar */
/* this is a shotgun approach, expect side effects */
/* >=71 */
scrollbox[orient=vertical] {
overflow-y: auto !important;
}
/* this is a bit depressing... */
/* work around lack of ::part selector support */
:root {
--scrollbutton-display: -moz-box !important;
}
/* hide ancient-looking scrollbuttons in menupopups */
/* add other selectors here to disable more scrollbuttons */
menupopup {
--scrollbutton-display: none !important;
}
/* this is disabled to prevent glitchy jump effects on very small screens */
/* #scrollbutton-up[part],
#scrollbutton-down[part] {
display: var(--scrollbutton-display) !important;
} */
.menuitem-iconic,
.menu-iconic-icon /* .menu-iconic-icons not necessarily within a .menuitem-iconic (don't ask me why...) */ {
fill: currentColor !important;
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
}
.menuitem-iconic[class*="identity-color"] .menu-iconic-icon {
fill: var(--identity-icon-color) !important;
}
.menu-iconic-left {
-moz-appearance: none !important;
}
/* hide icon if no image (default on macOS but not Windows) */
.subviewbutton:not(:-moz-any([image], [targetURI], .bookmark-item)) > .menu-iconic-left {
display: none;
}
.menu-iconic-icon {
margin-inline-start: 0 !important;
margin-inline-end: 16px !important;
width: 24px !important;
height: 24px !important;
padding: 4px !important;
}
.menu-text {
-moz-appearance: none !important;
padding: 0 !important;
}
.menu-right {
-moz-appearance: none !important;
-moz-context-properties: fill !important;
fill: currentColor !important;
list-style-image: url(menu-right-2x.svg) !important;
margin-inline-end: 0 !important;
margin-inline-start: 16px !important;
}
.menu-iconic.bookmark-item .menu-right {
transform: scale(2) !important;
}
menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon,
menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon,
menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon {
padding: 3px !important;
}
menuitem[type="checkbox"][checked="false"] > .menu-iconic-left > .menu-iconic-icon {
list-style-image: url(checkmark-blank.svg) !important;
}
menuitem[type="checkbox"][checked="true"] > .menu-iconic-left > .menu-iconic-icon {
list-style-image: url(checkmark.svg) !important;
}
menu[container="true"] > .menu-iconic-left > .menu-iconic-icon {
list-style-image: url(folder.svg) !important;
}
#context-navigation {
background: 0 !important;
}
#context-navigation .menuitem-iconic {
background: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
#context-navigation .menu-iconic-left {
border-radius: 50% !important;
padding: 8px !important;
}
#context-navigation .menu-iconic-icon {
padding: 0 !important;
margin: 0 !important;
width: 16px !important;
height: 16px !important;
}
#context-navigation .menuitem-iconic:hover:not([disabled]) .menu-iconic-left {
background-color: var(--arrowpanel-dimmed) !important;
}
#context-navigation .menuitem-iconic:hover:active:not([disabled]) .menu-iconic-left {
background-color: var(--arrowpanel-dimmed-further) !important;
}
panel[type="arrow"] {
-moz-window-shadow: none !important;
margin: 0 -14px -18px !important;
padding: 0 14px 18px !important;
}
panel[type="arrow"][side="top"],
panel[type="arrow"][side="bottom"] {
margin-left: -39px !important;
margin-right: -39px !important;
}
panel[type="arrow"][side="left"],
panel[type="arrow"][side="right"] {
margin-top: -44px;
margin-bottom: -44px;
}
.panel-arrowcontent {
background: var(--arrowpanel-background) !important;
border: 0 !important;
border-radius: 4px !important;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
color: var(--arrowpanel-color) !important;
}
.panel-arrowbox,
.cui-widget-panel .panel-arrowbox {
display: none !important;
}
/* .subview-subheader, */
panelview .toolbarbutton-1,
.subviewbutton,
.widget-overflow-list .toolbarbutton-1,
.panel-banner-item {
min-height: 32px !important;
/* padding: 0 16px !important; */
}
.subviewbutton .toolbarbutton-icon,
.panel-banner-item .toolbarbutton-icon {
/* margin-inline-end: 16px !important; */
width: 18px !important;
height: 18px !important;
padding: 4px !important;
}
.subviewbutton label,
.panel-banner-item label {
padding-inline-start: 0 !important;
}
#appMenu-zoom-controls > .subviewbutton,
#appMenu-edit-controls > .subviewbutton {
min-width: 32px !important;
border-radius: 16px !important;
padding: 0 8px !important;
border: 0 !important;
margin-inline-start: 4px !important;
}
#appMenu-zoom-controls > toolbarseparator[orient="vertical"] + .subviewbutton {
margin-inline-start: 0 !important;
}
#appMenu-zoom-controls > .subviewbutton-iconic,
#appMenu-edit-controls > .subviewbutton-iconic {
padding: 0 !important;
}
.panel-banner-item {
border: 0 !important;
}
#appMenu-addon-banners:not(:empty) ~ #appMenu-fxa-status,
.panel-banner-item:not([hidden]) + #appMenu-fxa-status {
border-top: 1px solid var(--panel-separator-color) !important;
margin-top: 5px !important;
padding-top: 5px !important;
}
#appMenu-fxa-avatar {
display: none !important;
}
:root[fxastatus="signedin"] #appMenu-fxa-label {
list-style-image: var(--avatar-image-url) !important;
margin: 0 !important;
}
:root[fxastatus="signedin"] #appMenu-fxa-label > .toolbarbutton-icon {
display: -moz-box !important;
border-radius: 99px !important;
padding: 2px !important;
}
.panel-banner-item[notificationid="update-restart"]::after {
display: none !important;
}
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem="true"])
> toolbarbutton
> .toolbarbutton-icon {
margin: 0 !important;
}
panelmultiview .toolbaritem-combined-buttons > spacer.before-label {
width: 20px !important;
}
panelmultiview .toolbaritem-combined-buttons > spacer.after-label {
width: 14px !important;
}
.subviewbutton-back {
padding: 4px !important;
border-radius: 16px !important;
}
.subviewbutton-back .toolbarbutton-icon {
margin: 0 !important;
}
.subviewbutton[type="highlight-history"]::after {
transform: none !important;
}
.subviewbutton[type="highlight-history"]::after,
.subviewbutton[shortcut]::after,
.PanelUI-subView .subviewbutton-nav::after {
margin-inline-start: 14px !important;
}
.PanelUI-subView .subviewbutton-nav::after {
transform: none !important;
content: url(menu-right-1x.svg) !important;
fill-opacity: 1 !important;
}
#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
fill-opacity: inherit !important;
}
.identity-popup-preferences-button {
border-radius: 16px !important;
background-image: none !important;
}
.identity-popup-preferences-button > .toolbarbutton-icon {
margin: 0 !important;
}
#identity-popup-permission-preferences-button {
padding: 0 !important;
}
#tracking-protection-preferences-button > .toolbarbutton-icon {
margin-inline-end: -8px !important;
}
#tracking-protection-preferences-button > .toolbarbutton-text {
padding-inline-end: 4px !important;
-moz-box-ordinal-group: 0 !important;
}
.identity-popup-section {
padding: 16px !important;
display: flex !important;
}
.identity-popup-security-content,
#identity-popup-content-blocking-content,
#identity-popup-permissions-content {
padding: 0 !important;
background: 0 !important;
fill-opacity: inherit !important;
}
.identity-popup-expander {
border-radius: 16px !important;
width: 32px !important;
max-height: 32px !important;
margin-inline-start: auto !important;
-moz-box-pack: center !important;
-moz-box-align: center !important;
background-image: none !important;
}
.identity-popup-expander > .button-box {
border: 0 !important;
display: flex !important;
justify-content: center !important;
}
.identity-popup-expander .button-icon {
margin: 0 !important;
}
.identity-popup-expander .button-text {
display: none !important;
}
.identity-popup-headline {
margin: 0 !important;
}
.PanelUI-subView > .identity-popup-security-content,
#identity-popup-securityView-body {
padding: 16px !important;
}
#identity-popup-mainView-panel-header {
-moz-box-align: start !important;
padding: 16px !important;
}
#identity-popup-securityView-body {
margin: 0 !important;
}
#identity-popup-content-blocking-content,
#identity-popup-permissions-content {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
#identity-popup-content-blocking-content > hbox:first-child,
#identity-popup-permissions-content > hbox:first-child {
display: flex !important;
}
#identity-popup-content-blocking-category-list,
#identity-popup-permission-list {
display: flex !important;
flex-direction: column !important;
margin: 0 -16px !important;
width: calc(100% + 32px) !important;
padding-top: 8px !important;
}
.identity-popup-permission-item {
display: flex !important;
align-items: center !important;
}
.identity-popup-permission-label,
#identity-popup-content-blocking-report-breakage {
flex: 1 !important;
text-decoration: none !important;
cursor: auto !important;
color: inherit !important;
}
.identity-popup-content-blocking-category,
.identity-popup-permission-item {
height: 32px !important;
padding: 0 16px !important;
}
.identity-popup-content-blocking-category-icon,
.identity-popup-permission-icon {
margin: 0 !important;
margin-inline-end: 16px !important;
}
.popup-notification-icon,
.identity-popup-permission-icon {
fill-opacity: 1 !important;
}
.identity-popup-content-blocking-category-label,
.identity-popup-permission-label {
margin: 0 !important;
}
.identity-popup-content-blocking-category::after {
transform: translateY(1px) !important;
content: url(menu-right-1x.svg) !important;
margin: 0 !important;
}
.identity-popup-preferences-button {
margin-inline-start: auto !important;
}
.identity-popup-permission-remove-button {
opacity: 1 !important;
}
.tracking-protection-button,
#identity-popup-content-blocking-report-breakage {
margin: 0 -16px !important;
height: 32px !important;
padding: 0 16px !important;
background: 0 !important;
color: inherit !important;
line-height: 32px !important;
}
#identity-popup-content-blocking-report-breakage {
padding-inline-start: 50px !important;
}
.tracking-protection-button > .button-box {
padding: 0 !important;
}
.tracking-protection-button .button-icon {
margin: 0 !important;
}
#customization-lwtheme-menu-header {
height: 8px !important;
font-size: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
visibility: hidden !important;
}
#identity-popup-content-blocking-report-breakage {
padding-inline-start: 48px !important;
line-height: 32px !important;
text-decoration: none !important;
cursor: auto !important;
}
.tracking-protection-button:hover:not([disabled="true"]),
#identity-popup-content-blocking-report-breakage:hover,
#blocked-popup-indicator-item:hover,
.customization-lwtheme-menu-theme:hover,
#customization-lwtheme-menu-footer toolbarbutton:hover {
background-color: var(--arrowpanel-dimmed) !important;
}
.tracking-protection-button:hover:active:not([disabled="true"]),
#identity-popup-content-blocking-report-breakage:hover:active,
#blocked-popup-indicator-item:hover:active,
.customization-lwtheme-menu-theme:hover:active,
#customization-lwtheme-menu-footer toolbarbutton:hover:active {
background-color: var(--arrowpanel-dimmed-further) !important;
}
.identity-popup-content-blocking-empty-label,
#tracking-protection-preferences-button > .toolbarbutton-text,
.tracking-protection-button,
#identity-popup-trackersView-strict-info > label,
.identity-popup-cookiesView-list-header,
.identity-popup-content-blocking-list-item > label,
#identity-popup-mainView-panel-header > label,
#identity-popup-trackersView > .panel-header,
#identity-popup-securityView > .panel-header,
#identity-popup-breakageReportView > .panel-header,
#identity-popup-content-blocking-report-breakage,
.identity-popup-content-blocking-category-label,
.identity-popup-content-blocking-category-state-label,
.identity-popup-permission-label,
.identity-popup-permission-state-label,
#identity-popup-security-descriptions > description,
#identity-popup-securityView-body > description,
#identity-popup-permissions-content > description,
#identity-popup-content-blocking-content > description {
font-size: 100% !important;
}
.panel-header > label {
text-align: start !important;
margin-inline-start: 4px !important;
}
.identity-popup-headline {
font-size: 110% !important;
}
.identity-popup-security-content > description,
#identity-popup-content-blocking-content > description,
#identity-popup-permissions-content > description,
.identity-popup-content-blocking-category-state-label,
.identity-popup-permission-state-label {
font-size: 85% !important;
}
#identity-popup-permissions-content > description,
#identity-popup-content-blocking-content > description {
color: inherit !important;
opacity: 0.6 !important;
}
.identity-popup-content-blocking-category-state-label {
transform: translateY(1px) !important;
}
.tracking-protection-button > .button-box,
.panel-footer button > .button-box {
display: flex !important;
align-items: center !important;
}
.tracking-protection-button .button-icon,
.panel-footer button .button-icon {
padding-inline-end: 16px !important;
}
.tracking-protection-button .button-text,
.panel-footer button .button-text {
margin: 0 !important;
}
#downloadsPanel-multiView {
padding-top: 8px !important;
}
#downloadsListBox .download-state {
display: flex !important;
width: 100% !important;
align-items: center !important;
}
#downloadsListBox .downloadMainArea {
padding: 0 !important;
display: flex !important;
flex: 1 !important;
margin-inline-end: -48px !important;
padding-inline-end: 48px !important;
padding-inline-start: 16px !important;
height: 100% !important;
align-items: center !important;
}
#downloadsListBox .downloadContainer {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
}
#downloadsListBox .downloadTypeIcon {
margin: 0 !important;
margin-inline-end: 16px !important;
}
#downloadsListBox .downloadTarget {
font-size: 100% !important;
}
#downloadsListBox .downloadDetails {
font-size: 85% !important;
}
#downloadsListBox > richlistitem > toolbarseparator {
display: none !important;
}
#downloadsListBox .downloadButton {
margin-inline-end: 16px !important;
height: 32px !important;
min-width: 32px !important;
border-radius: 16px !important;
fill: currentColor !important;
-moz-context-properties: fill, fill-opacity !important;
display: block !important;
}
#downloadsListBox .downloadButton .button-box {
display: flex !important;
align-items: center !important;
justify-content: center !important;
max-width: 32px !important;
}
#confirmation-hint .panel-arrowcontent,
#UITourTooltip .panel-arrowcontent,
#customization-lwtheme-menu .panel-arrowcontent,
#customization-uidensity-menu .panel-arrowcontent {
padding: 16px !important;
}
#customization-uidensity-menu .panel-arrowcontent,
#customization-lwtheme-menu .panel-arrowcontent {
padding-top: 8px !important;
}
#customization-lwtheme-menu,
#customization-uidensity-menu {
margin-inline: -60px 0 !important;
margin-block-end: -20px !important;
}
.customization-lwtheme-menu-theme,
.customization-uidensity-menuitem {
padding: 0 16px !important;
margin: 0 !important;
border: 0 !important;
height: 48px !important;
}
.customization-lwtheme-menu-theme .toolbarbutton-icon,
.customization-uidensity-menuitem .menu-iconic-icon {
margin: 0 !important;
margin-inline-end: 16px !important;
padding: 0 !important;
width: 24px !important;
height: 24px !important;
}
.customization-lwtheme-menu-theme[active]:not(:hover):not(:active),
.customization-uidensity-menuitem[active]:not(:hover):not(:active) {
background: 0 !important;
}
.customization-lwtheme-menu-theme[active]::after,
.customization-uidensity-menuitem[active]::after {
content: url(checkmark.svg) !important;
-moz-context-properties: fill, fill-opacity !important;
fill: currentColor !important;
display: -moz-box !important;
width: 18px !important;
height: 18px !important;
margin-inline-start: 16px !important;
}
.customization-uidensity-menuitem:first-of-type {
margin-block-start: 8px !important;
}
.customization-uidensity-menuitem:last-of-type {
margin-block-end: 8px !important;
}
#customization-lwtheme-menu-footer {
padding: 0 0 8px !important;
margin: 0 !important;
background: 0 !important;
border: 0 !important;
display: flex !important;
flex-direction: column !important;
}
#customization-lwtheme-menu-footer toolbarbutton {
border: 0 !important;
margin: 0 !important;
height: 48px !important;
padding: 0 16px !important;
display: flex !important;
background-image: none !important;
}
#customization-lwtheme-menu-footer toolbarbutton .toolbarbutton-text {
text-align: start !important;
}
.panel-footer {
padding: 4px !important;
background: 0 !important;
border-top: 1px solid var(--panel-separator-color) !important;
justify-content: end !important;
display: flex !important;
}
.panel-footer button {
border: 0 !important;
border-radius: 4px !important;
margin: 4px !important;
height: 32px !important;
padding: 0 !important;
flex: 0 0 auto !important;
position: relative !important;
outline: 0 !important;
}
.panel-footer button > .button-box {
-moz-appearance: none !important;
position: relative !important;
padding-inline-end: 16px !important;
}
.panel-footer button .button-menu-dropmarker {
margin-inline-start: 8px !important;
margin-inline-end: -8px !important;
}
.panel-footer button:not([default]) > .button-box::before {
content: "" !important;
display: block !important;
border-radius: 4px !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
border: 1px solid currentColor !important;
opacity: 0.42 !important;
box-sizing: border-box !important;
}
.panel-footer button:not([default]):hover:active:not([disabled]) > .button-box::before {
border-width: 0 !important;
}
.panel-footer button:not([default]):hover:active:not([disabled]) {
border-width: 0 !important;
background: #002275 !important;
color: #fff !important;
}
#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] {
height: 48px !important;
}
richlistitem[originaltype="loginsFooter"],
richlistitem[originaltype="generatedPassword"] > .two-line-wrapper {
display: flex !important;
align-items: center !important;
}
richlistitem:-moz-any([originaltype="generatedPassword"], [originaltype="loginWithOrigin"], [originaltype="login"], [originaltype="loginsFooter"])
.ac-site-icon {
display: block !important;
align-self: center !important;
margin-inline: 0 16px !important;
fill: currentColor !important;
}
richlistitem[originaltype="loginsFooter"] .ac-site-icon {
visibility: hidden !important;
}
richlistitem:-moz-any([originaltype="generatedPassword"], [originaltype="loginWithOrigin"], [originaltype="login"], [originaltype="loginsFooter"])
.ac-title {
margin: 0 !important;
}
#confirmation-hint-message-container,
#confirmation-hint-checkmark-animation-container {
margin-block: 8px !important;
margin-inline: 8px !important;
}
#confirmation-hint-checkmark-animation-container {
margin-inline-end: 0 !important;
}
/* high DPI adjustments */
@media (min--moz-device-pixel-ratio: 2) {
.PanelUI-subView .subviewbutton-nav::after,
.identity-popup-content-blocking-category::after {
content: url(menu-right-2x.svg) !important;
}
}

7
modules/home-manager/browser/floorp/chrome/todo.md Normal file
View file

@ -0,0 +1,7 @@
## Mini Tasks
- close icon/animation
- icons
- style popup
- right click menu
- other styles from shadowfox

1
modules/home-manager/browser/floorp/chrome/urlbar/block-media.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm4.891-13.477a6.04 6.04 0 0 0-1.414-1.414l-8.368 8.368a6.04 6.04 0 0 0 1.414 1.414l8.368-8.368z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 363 B

1
modules/home-manager/browser/floorp/chrome/urlbar/camera-off.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M19.586 21H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h.586L1.393 2.808l1.415-1.415 19.799 19.8-1.415 1.414L19.586 21zM7.556 8.97a6 6 0 0 0 8.475 8.475l-1.417-1.417a4 4 0 0 1-5.642-5.642L7.555 8.97zM22 17.785l-4.045-4.045a6 6 0 0 0-6.695-6.695L8.106 3.892 9 3h6l2 2h4a1 1 0 0 1 1 1v11.786zm-8.492-8.492a4.013 4.013 0 0 1 2.198 2.198l-2.198-2.198z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 529 B

1
modules/home-manager/browser/floorp/chrome/urlbar/connection-1x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zm-7 7.732V18h2v-2.268a2 2 0 1 0-2 0zM16 8V7a4 4 0 1 0-8 0v1h8z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 348 B

1
modules/home-manager/browser/floorp/chrome/urlbar/connection-2x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zm-7 7.732V18h2v-2.268a2 2 0 1 0-2 0zM16 8V7a4 4 0 1 0-8 0v1h8z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 349 B

1
modules/home-manager/browser/floorp/chrome/urlbar/connection-warning-1x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 298 B

1
modules/home-manager/browser/floorp/chrome/urlbar/connection-warning-2x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 298 B

15
modules/home-manager/browser/floorp/chrome/urlbar/favorite-star-empty.svg Normal file
View file

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path d="M511.177,197.119c-1.975-6.079-7.23-10.51-13.554-11.429l-156.54-22.758L271.059,21.066
c-2.829-5.731-8.667-9.359-15.059-9.359c-6.391,0-12.23,3.628-15.059,9.359l-70.024,141.866L14.377,185.689
c-6.324,0.919-11.58,5.35-13.554,11.429c-1.976,6.079-0.328,12.753,4.25,17.214L118.338,324.74L91.619,480.664
c-1.08,6.3,1.51,12.665,6.681,16.422c5.17,3.756,12.024,4.252,17.683,1.279l140.016-73.593l140.014,73.593
c5.688,2.99,12.54,2.457,17.683-1.279c5.171-3.756,7.762-10.123,6.681-16.422L393.66,324.741l113.267-110.409
C511.505,209.87,513.153,203.196,511.177,197.119z M363.897,306.851c-3.958,3.857-5.763,9.414-4.83,14.861l22.463,131.097
l-117.718-61.875c-4.89-2.572-10.735-2.573-15.625,0l-117.719,61.875l22.463-131.097c0.934-5.446-0.872-11.004-4.83-14.861
L52.878,214.03l131.607-19.133c5.469-0.795,10.195-4.23,12.643-9.185L256,66.439l58.872,119.274
c2.447,4.955,7.174,8.39,12.643,9.185l131.607,19.133L363.897,306.851z"
fill="#fff" fill-opacity="context-fill-opacity"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

10
modules/home-manager/browser/floorp/chrome/urlbar/favorite-star-full.svg Normal file
View file

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path d="M492.867,181.444l-149.825-21.785L276.014,23.861c-8.187-16.59-31.844-16.589-40.031,0l-67.026,135.799L19.133,181.445
c-18.306,2.662-25.615,25.158-12.369,38.071l108.408,105.682L89.592,474.44c-3.125,18.232,16.012,32.136,32.386,23.528
l132.475-70.452l134.025,70.451c17.914,8.607,37.051-5.296,33.926-23.528l-25.578-149.241l108.409-105.685
C518.482,206.601,511.173,184.105,492.867,181.444z"
fill="#fff" fill-opacity="context-fill-opacity"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 814 B

1
modules/home-manager/browser/floorp/chrome/urlbar/go.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zm0 9H8v2h4v3l4-4-4-4v3z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 285 B

3
modules/home-manager/browser/floorp/chrome/urlbar/identity-icons-brand.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M31.4 14.627c-.044-.289-.088-.46-.088-.46s-.113.131-.3.379a10.8 10.8 0 0 0-.375-2.04 13.883 13.883 0 0 0-.94-2.418 10.078 10.078 0 0 0-.858-1.473q-.177-.264-.36-.512c-.571-.934-1.227-1.5-1.986-2.583a7.826 7.826 0 0 1-.993-2.692 10.88 10.88 0 0 0-.477 1.761c-.779-.786-1.458-1.345-1.866-1.726C21.133.978 21.367 0 21.367 0s-3.773 4.209-2.137 8.6a8.43 8.43 0 0 0 2.81 3.744c1.581 1.3 3.283 2.33 4.18 4.952a8.4 8.4 0 0 0-3.154-3.327 7.593 7.593 0 0 1 .6 3.006 7.145 7.145 0 0 1-8.736 6.96 6.576 6.576 0 0 1-1.77-.6 7.2 7.2 0 0 1-2.121-1.96l-.01-.017.126.046a6.517 6.517 0 0 0 .9.242 5.644 5.644 0 0 0 3.594-.424c1.129-.626 1.813-1.091 2.367-.908h.01c.542.172.969-.353.581-.9a2.949 2.949 0 0 0-2.846-1.114c-1.131.165-2.167.968-3.648.19a3.13 3.13 0 0 1-.278-.163c-.1-.058.317.088.221.022a7.351 7.351 0 0 1-.931-.555c-.022-.018.224.07.2.052a3.591 3.591 0 0 1-.971-.982 1.746 1.746 0 0 1-.066-1.559 1.376 1.376 0 0 1 .6-.566c.192.095.31.166.31.166s-.087-.16-.135-.244c.017-.006.032 0 .049-.011.168.073.539.261.734.376a1.018 1.018 0 0 1 .335.3s.067-.033.017-.173a.907.907 0 0 0-.347-.425h.016A2.952 2.952 0 0 1 12.3 15a2.085 2.085 0 0 0 .171-.906 1.181 1.181 0 0 0-.069-.5c-.054-.1.03-.14.123-.035a.977.977 0 0 0-.079-.239v-.008s.053-.069.078-.095a1.434 1.434 0 0 1 .216-.176 10 10 0 0 1 1.469-.749c.416-.181.759-.32.83-.36a2.287 2.287 0 0 0 .294-.226 1.973 1.973 0 0 0 .661-1.143 1.593 1.593 0 0 0 .017-.178v-.105c-.06-.226-.449-.395-2.483-.586a1.778 1.778 0 0 1-1.454-1.364v.009c-.029.075-.055.15-.081.225.026-.075.052-.151.081-.225v-.016a5.153 5.153 0 0 1 1.992-2.474c.052-.043-.208.011-.156-.032a5.18 5.18 0 0 1 .532-.225c.091-.039-.391-.222-.818-.178a2.2 2.2 0 0 0-.758.178c.1-.086.4-.2.33-.2a4.877 4.877 0 0 0-1.547.585.315.315 0 0 1 .03-.14 2.407 2.407 0 0 0-.966.746 1.286 1.286 0 0 0 .01-.174 2.883 2.883 0 0 0-.475.446l-.009.007a6.3 6.3 0 0 0-3.527-.3l-.01-.009h.012a2.953 2.953 0 0 1-.627-.7l-.008-.012-.014-.021a5.48 5.48 0 0 1-.237-.388 5.527 5.527 0 0 1-.176-.339c0-.008-.009-.011-.013-.012-.024 0-.041.111-.061.082v-.006a4.322 4.322 0 0 1-.309-1.697l-.016.008a1.89 1.89 0 0 0-.716.937c-.062.137-.1.213-.14.288v-.035c.009-.069.039-.212.032-.2s-.013.019-.02.029a1.741 1.741 0 0 0-.252.373 2.366 2.366 0 0 0-.15.383c-.006.021 0-.018 0-.064s.009-.128 0-.111l-.022.043a9.526 9.526 0 0 0-.806 3.044 3.038 3.038 0 0 0-.023.54v.016a6.641 6.641 0 0 0-.819 1.1 15.65 15.65 0 0 0-1.731 4.246 10.379 10.379 0 0 1 .928-1.626 15.041 15.041 0 0 0-1.049 5.514 14.264 14.264 0 0 1 .451-1.634 13.848 13.848 0 0 0 1.25 6.489 15.08 15.08 0 0 0 5.968 6.768 13.057 13.057 0 0 0 3.478 1.667c.163.059.327.117.5.173-.053-.021-.1-.044-.153-.067a15.752 15.752 0 0 0 4.506.659c5.41 0 7.2-2.06 7.36-2.266a2.739 2.739 0 0 0 .639-.858q.156-.064.316-.137l.067-.03.122-.057a11.349 11.349 0 0 0 2.284-1.43 5.511 5.511 0 0 0 2.129-3.11 1.944 1.944 0 0 0 .029-1.433q.083-.132.171-.28a12.743 12.743 0 0 0 1.913-6.2v-.184a7.76 7.76 0 0 0-.115-1.388z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

1
modules/home-manager/browser/floorp/chrome/urlbar/info-1x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 299 B

1
modules/home-manager/browser/floorp/chrome/urlbar/info-2x.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 299 B

3
modules/home-manager/browser/floorp/chrome/urlbar/media-blocked.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M5.886,4.045L12,7.484,10.363,8.508ZM2.711,2.718l9.531,9.5-0.509.494L8.616,9.6,4,12.484V4.991L2.218,3.212l0.5-.5h0Zm9.537,9.495h0Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 289 B

1
modules/home-manager/browser/floorp/chrome/urlbar/mic-off.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M16.425 17.839A8.941 8.941 0 0 1 13 18.945V23h-2v-4.055A9.004 9.004 0 0 1 3.055 11H5.07a7.002 7.002 0 0 0 9.87 5.354l-1.551-1.55A5 5 0 0 1 7 10V8.414L1.393 2.808l1.415-1.415 19.799 19.8-1.415 1.414-4.767-4.768zm2.95-2.679l-1.443-1.442c.509-.81.856-1.73.997-2.718h2.016a8.95 8.95 0 0 1-1.57 4.16zm-2.91-2.909l-8.78-8.78A5 5 0 0 1 17 6l.001 4a4.98 4.98 0 0 1-.534 2.251z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 563 B

1
modules/home-manager/browser/floorp/chrome/urlbar/notification-off.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M18.586 20H4a.5.5 0 0 1-.4-.8l.4-.533V10c0-1.33.324-2.584.899-3.687L1.393 2.808l1.415-1.415 19.799 19.8-1.415 1.414L18.586 20zM20 15.786L7.559 3.345A8 8 0 0 1 20 10v5.786zM9.5 21h5a2.5 2.5 0 1 1-5 0z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 394 B

1
modules/home-manager/browser/floorp/chrome/urlbar/page-action.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5.33 3.271a3.5 3.5 0 0 1 4.472 4.474L20.647 18.59l-2.122 2.121L7.68 9.867a3.5 3.5 0 0 1-4.472-4.474L5.444 7.63a1.5 1.5 0 1 0 2.121-2.121L5.329 3.27zm10.367 1.884l3.182-1.768 1.414 1.414-1.768 3.182-1.768.354-2.12 2.121-1.415-1.414 2.121-2.121.354-1.768zm-7.071 7.778l2.121 2.122-4.95 4.95A1.5 1.5 0 0 1 3.58 17.99l.097-.107 4.95-4.95z" fill="context-fill" fill-opacity="context-fill-opacity"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 530 B

1
modules/home-manager/browser/floorp/chrome/urlbar/permissions.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="context-fill" fill-opacity="context-fill-opacity" d="M11 4h10v2H11V4zm0 4h6v2h-6V8zm0 6h10v2H11v-2zm0 4h6v2h-6v-2zM3 4h6v6H3V4zm2 2v2h2V6H5zm-2 8h6v6H3v-6zm2 2v2h2v-2H5z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 311 B

742
modules/home-manager/browser/floorp/chrome/urlbar/urlbar.css Executable file
View file

@ -0,0 +1,742 @@
.urlbarView-body-inner {
border: 0 !important;
}
.urlbarView-row {
padding: 0 !important;
border-radius: 0 !important;
}
.urlbarView-row:hover,
.urlbarView-row-inner:hover {
background: var(--lwt-accent-color) !important;
background-color: var(--lwt-accent-color) !important;
}
.urlbarView-row-inner {
align-items: center !important;
position: relative !important;
padding: 12px 0 !important;
padding-inline: 48px 16px !important;
max-width: 100% !important;
width: auto !important;
}
.urlbarView-no-wrap {
height: 100% !important;
align-items: center !important;
margin-inline-start: 0 !important;
max-width: 100% !important;
}
.urlbarView-row[has-url][type]:not([type="bookmark"]) .urlbarView-row-inner {
flex-direction: column !important;
align-items: center !important;
}
.urlbarView-row[has-url][type]:not([type="bookmark"]) .urlbarView-no-wrap {
height: auto !important;
align-self: center !important;
width: 100% !important;
}
.urlbarView-title-separator {
visibility: visible !important;
}
.urlbarView-title-separator::before {
content: "-" !important;
color: inherit !important;
}
.urlbarView-title-separator,
.urlbarView-action {
opacity: 0.6 !important;
color: inherit !important;
font-size: revert !important;
}
.urlbarView-favicon {
position: absolute !important;
left: 16px !important;
/* top: 50% !important;
transform: translateY(-50%) !important; */
fill-opacity: 0.6 !important;
flex: unset !important;
margin: unset !important;
}
.urlbarView-title,
.urlbarView-url {
text-overflow: ellipsis !important;
mask-image: none !important;
}
.urlbarView-title {
color: var(--urlbarView-popup-title) !important;
flex: 1 !important;
flex-basis: unset !important;
}
.urlbarView-url {
max-width: 100% !important;
font-size: revert !important;
color: var(--urlbarView-popup-url) !important;
padding: 0 !important;
}
.urlbarView-url:not(:empty) {
visibility: visible !important;
}
.urlbarView-action:not(:empty) {
display: flex !important;
}
.urlbarView-row[type="search"] ~ .urlbarView-row[type="search"] .urlbarView-title-separator,
.urlbarView-row[type="search"] ~ .urlbarView-row[type="search"] .urlbarView-action,
.urlbarView-row[has-url][type]:not([type="bookmark"]) .urlbarView-title-separator,
.urlbarView-type-icon {
display: none !important;
}
.urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-favicon,
.urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-title,
.urlbarView-tip-button,
.urlbarView-tip-help {
margin-block-end: 0 !important;
}
.urlbarView .search-one-offs {
padding: 4px !important;
display: none !important;
}
.urlbarView .search-panel-one-offs-header {
margin-inline-start: 12px !important;
line-height: var(--urlbar-height) !important;
transform: translateY(-1px) !important;
}
.urlbarView .search-panel-one-offs {
border-radius: 0 0 8px 8px !important;
display: inline-flex !important;
flex-direction: row !important;
padding: 0 !important;
margin: 0 !important;
float: left !important;
max-width: none !important;
height: auto !important;
}
.urlbarView .searchbar-engine-one-off-item {
height: 32px !important;
border-radius: 16px !important;
padding: 0 8px !important;
margin: 4px !important;
background-image: none !important;
color: inherit !important;
border: 0 !important;
}
#urlbar-container {
max-height: 36px !important;
}
/* main URL bar properties */
#urlbar,
#searchbar {
font-size: 13px !important;
border-radius: 7px !important;
background-color: var(--toolbar-field-background-color) !important;
border: 0 !important;
box-shadow: none !important;
/* padding: 3px !important; */
background-clip: padding-box !important;
text-align: center;
transition: background-color 0.1s var(--ease-basic);
-moz-box-align: center !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
top: 2px !important;
color: inherit !important;
block-size: border-block !important;
--urlbar-height: 32px !important;
min-height: var(--urlbar-height) !important;
}
#urlbar:not(:-moz-lwtheme),
#searchbar:not(:-moz-lwtheme) {
color: inherit !important;
}
#urlbar[focused],
#urlbar[open],
#searchbar[focused],
#searchbar[open] {
text-align: left;
background-color: var(--toolbar-field-focus-background-color) !important;
}
#urlbar[focused],
#searchbar[focused] {
border: 2px solid var(--toolbar-field-focus-border-color) !important;
padding: 0 !important;
margin: 0 !important;
padding-left: 5px !important;
}
/* if only focused, don't break out the urlbar */
#urlbar[focused]:not([open]) {
width: 100% !important;
left: 0 !important;
right: 0 !important;
}
#urlbar[breakout][breakout-extend] {
width: 100% !important;
left: 0 !important;
}
/* Open url bar properties */
#urlbar[open],
#searchbar[open] {
border: 0 !important;
padding: 0 !important;
border-radius: 8px !important;
min-height: var(--urlbar-height) !important;
padding: 0px 5px !important;
box-shadow: 5px 4px 16px -10px rgba(0, 0, 0, 0.2), -5px 4px 16px -10px rgba(0, 0, 0, 0.2),
0 8px 32px -16px rgba(0, 0, 0, 0.6) !important;
z-index: 99999 !important;
}
/* 71+ */
#urlbar-background {
display: none !important;
}
#urlbar-input-container,
#searchbar {
display: flex !important;
/* this messes up the margin around the container mode displayer or whatever lol */
/* align-items: center !important; */
}
/* Outer container of url bar*/
#urlbar-input-container {
height: var(--urlbar-height) !important;
padding: 0 !important;
border: 0 !important;
}
.urlbar-input-box,
.searchbar-textbox {
flex: 1 !important;
}
#urlbar-input {
width: 100% !important;
}
#urlbar-input,
.searchbar-textbox {
color: var(--lwt-toolbar-field-color) !important;
}
#urlbar-input::placeholder,
.searchbar-textbox::placeholder {
opacity: 0.5 !important;
}
#urlbar[open] #urlbar-input-container {
height: var(--urlbar-height) !important;
}
#urlbar[open] #identity-box {
margin-inline-start: 8px !important;
margin-inline-end: 8px !important;
}
.urlbarView {
top: 0 !important;
left: 0 !important;
right: 0 !important;
position: relative !important;
box-shadow: none !important;
border: 0 !important;
background: 0 !important;
margin: 0 !important;
}
#urlbar[open] .urlbarView {
display: block !important;
width: 100% !important;
}
#urlbar-results {
padding: 0 !important;
}
#urlbar-container,
#searchbar-container {
overflow: visible !important;
padding: 0 !important;
margin-inline: 6px !important;
}
#identity-icon {
fill-opacity: 1 !important;
}
#identity-icon-labels {
color: inherit !important;
opacity: 1 !important;
padding: 0 !important;
margin-inline-start: 8px !important;
margin-block-start: -1px !important;
display: none !important;
align-items: center !important;
}
#identity-box {
display: flex !important;
position: relative !important;
}
#urlbar-label-box {
border: 0 !important;
padding: 0 !important;
}
/* separator */
#identity-icon-labels::after {
content: "" !important;
display: block !important;
position: absolute !important;
height: 16px !important;
right: 0 !important;
background: #9d9e9f !important;
width: 1px !important;
transition: opacity 0.2s var(--ease-basic) !important;
}
#urlbar[pageproxystate="valid"]:not([open])
#identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden),
#urlbar-label-box {
margin-inline-end: 8px !important;
}
#urlbar[pageproxystate="valid"]:not([open])
#identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)
#identity-icon-labels {
display: flex !important;
}
#urlbar[pageproxystate="valid"]
#identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):not(.no-hover):-moz-any([open], :hover)
#identity-icon-labels::after {
opacity: 0 !important;
}
#urlbar[pageproxystate="valid"] #identity-box.extensionPage > #identity-icon {
list-style-image: none !important;
margin-inline-end: -16px !important;
}
/* no longer used as a connection icon */
#connection-icon {
display: none !important;
}
#urlbar[pageproxystate="valid"]
#identity-box:-moz-any(.mixedActiveBlocked, .mixedDisplayContentLoadedActiveBlocked, .mixedActiveContent)
> #connection-icon {
display: -moz-box !important;
}
#urlbar[pageproxystate="valid"]
#identity-box:-moz-any(.weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) {
color: #c94031 !important;
}
.urlbar-input {
padding: 0 !important;
}
.searchbar-textbox {
border: 0 !important;
background: 0 !important;
box-shadow: none !important;
margin: 0 !important;
-moz-appearance: none !important;
}
.searchbar-search-icon {
margin: 0 !important;
fill-opacity: 1 !important;
}
.searchbar-search-icon-overlay {
margin-inline-start: -11px !important;
margin-inline-end: 0 !important;
/* not really useful anyway */
display: none !important;
}
#page-action-buttons > #pageActionSeparator,
.urlbar-history-dropmarker {
display: none !important;
}
#pageActionSeparator {
height: 24px !important;
}
.urlbar-icon-wrapper {
background: 0 !important;
}
.urlbar-icon,
.searchbar-search-button,
#identity-box,
#tracking-protection-icon-box {
margin: 0px 0px !important;
transition: background-color 0.2s var(--ease-basic) !important;
background: 0 !important;
background-color: transparent !important;
/* min-width: 24px !important;
min-height: 24px !important;
height: 24px !important;
padding: 4px !important;
margin: 0 2px !important;
border: 0 !important;
border-radius: 7px !important;
fill-opacity: 1 !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
transition: background-color 0.2s var(--ease-basic) !important;
background: 0 !important;
background-color: transparent !important; */
}
#identity-box {
margin: 0px 2px !important;
}
#tracking-protection-icon-container {
background: 0 !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
order: 97 !important;
}
#tracking-protection-icon-box {
display: block !important;
width: 24px !important;
}
#tracking-protection-icon-box {
transition: background-color 0.2s var(--ease-basic), width 0.15s var(--ease-in), opacity 0.15s var(--ease-basic),
visibility 0s 0.2s !important;
opacity: 0 !important;
visibility: hidden !important;
width: 0 !important;
}
#urlbar:hover #tracking-protection-icon-box,
#tracking-protection-icon-container[open] #tracking-protection-icon-box,
#tracking-protection-icon-box[active] {
transition: background-color 0.2s var(--ease-basic), width 0.3s var(--ease-out), opacity 0.3s var(--ease-basic) !important;
opacity: 1 !important;
visibility: visible !important;
padding-left: 6px !important;
width: 28px !important;
}
#tracking-protection-icon {
display: block !important;
}
#tracking-protection-icon-animatable-box {
display: none !important;
}
#identity-box #notification-popup-box {
padding: 0 !important;
margin: 0 !important;
}
/* The wrapper of the buttons on the right of the urlbar*/
#page-action-buttons {
display: flex !important;
}
#urlbar[open] #page-action-buttons,
#urlbar[open] #tracking-protection-icon-container {
display: none !important;
}
/* the hover of the background behind the background of the icons */
/* .urlbar-icon:hover:not([disabled]),
#page-action-buttons > toolbarbutton:hover:not([disabled]),
.searchbar-search-button:hover,
#identity-box:hover:not(.no-hover),
#tracking-protection-icon-container:hover #tracking-protection-icon-box {
background-color: var(--toolbarbutton-hover-background) !important;
} */
.urlbar-icon:hover:active:not([disabled]),
.urlbar-icon[open],
#page-action-buttons > toolbarbutton:hover:active:not([disabled]),
.searchbar-search-button:hover:active,
#identity-box:hover:active:not(.no-hover),
#identity-box[open]:not(.no-hover),
#tracking-protection-icon-container[open] #tracking-protection-icon-box {
background-color: var(--toolbarbutton-active-background) !important;
transition-duration: 0 !important;
}
#contextual-feature-recommendation {
width: auto !important;
}
.urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine) {
transition: background-color 0.2s var(--ease-basic), margin 0.15s var(--ease-in), opacity 0.15s var(--ease-basic),
visibility 0s 4s !important;
opacity: 0 !important;
visibility: hidden !important;
margin-inline-start: -32px !important;
}
#urlbar:hover
.urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine),
.urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine):-moz-any(:hover, [open], [readeractive]),
.urlbar-page-action:-moz-any(:hover, [open])
~ .urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine),
#tracking-protection-icon-container[open]
~ #page-action-buttons
.urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine) {
transition: background-color 0.2s var(--ease-out), margin 0.3s var(--ease-out), opacity 0.3s var(--ease-basic) !important;
opacity: 1 !important;
visibility: visible !important;
margin-inline-start: 0 !important;
}
.urlbar-page-action{
margin: 0px 4px !important;
align-self: center;
}
.urlbar-display {
color: inherit !important;
margin: 0 !important;
}
#pocket-button-box[animate] > #pocket-animatable-box {
margin-inline-start: 6px !important;
}
#star-button-animatable-box {
display: none !important;
}
#star-button {
list-style-image: url(favorite-star-empty.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
#star-button[starred] {
list-style-image: url(favorite-star-full.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
#userContext-icons {
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
padding-inline: 8px !important;
margin: 0 !important;
color: var(--identity-tab-color) !important;
}
#userContext-icons:not([hidden]) {
display: flex !important;
}
#userContext-icons > * {
z-index: 1 !important;
color: inherit !important;
fill: currentColor !important;
}
#userContext-label {
margin: 0 !important;
}
#userContext-label + #userContext-indicator {
margin-inline-start: 6px !important;
}
#userContext-icons::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
background: var(--identity-tab-color) !important;
/* change! - looks ugly with border-radius */
/* border-radius: 99px !important; */
opacity: 0.1 !important;
}
#cfr-label-container {
background: 0 !important;
}
#cfr-label {
display: none !important;
}
#cfr-button {
fill: currentColor !important;
}
#urlbar[open] #urlbar-go-button,
#searchbar[open] #search-go-button,
/* < 71 */
#urlbar[open] .urlbar-go-button,
#searchbar[open] .search-go-button {
height: 32px !important;
}
#urlbar-go-button,
#search-go-button,
/* < 71 */
.urlbar-go-button,
.search-go-button {
list-style-image: url(go.svg) !important;
}
.search-go-container {
display: flex !important;
}
#searchbar .textbox-input {
padding: 0 !important;
}
/* lock (secure) */
#identity-box[pageproxystate="valid"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked)
> #identity-icon {
list-style-image: var(--lock-icon) !important;
}
/* info (not secure) */
#identity-box[pageproxystate="valid"]:-moz-any(.mixedDisplayContent, .mixedDisplayContentLoadedActiveBlocked, .unknownIdentity)
> #identity-icon {
list-style-image: var(--info-icon) !important;
}
/* warning (dangerous) */
#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent)
> #identity-icon {
list-style-image: var(--warning-icon) !important;
}
#identity-box.extensionPage {
display: none !important;
}
#urlbar-input,
#searchbar-input,
.searchbar-textbox /* < 71 */ {
transform: translateY(var(--input-offset)) !important;
line-height: 1.745em !important;
margin-left: 6px !important;
}
.search-panel-one-offs-header.search-panel-header {
display: none !important;
}
/* 1x */
#urlbar {
--info-icon: url(info-1x.svg);
--lock-icon: url(connection-1x.svg);
--warning-icon: url(connection-warning-1x.svg);
}
.notSecure #identity-icon {
fill: var(--yellow) !important;
}
#tracking-protection-icon-box[hasException=""] #tracking-protection-icon {
fill: var(--red) !important;
}
#pageActionButton {
list-style-image: url(page-action.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
#tracking-protection-icon {
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
#identity-icon {
margin-inline-start: 2px !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
.blocked-permission-icon.autoplay-media-icon {
list-style-image: url(block-media.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
.blocked-permission-icon.camera-icon {
list-style-image: url(camera-off.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
.blocked-permission-icon.microphone-icon {
list-style-image: url(mic-off.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
.blocked-permission-icon.desktop-notification-icon {
list-style-image: url(notification-off.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
#permissions-granted-icon {
list-style-image: url(permissions.svg) !important;
fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
#urlbar,
#searchbar {
--input-offset: -1px;
}
/* 2x */
@media (min--moz-device-pixel-ratio: 2) {
#urlbar {
--info-icon: url(info-2x.svg);
--lock-icon: url(connection-2x.svg);
--warning-icon: url(connection-warning-2x.svg);
}
#urlbar,
#searchbar {
--input-offset: -0.5px;
}
#identity-icon-labels {
padding-inline-end: 0.5px !important;
}
}

62
modules/home-manager/browser/floorp/chrome/userChrome-hover.css Normal file
View file

@ -0,0 +1,62 @@
#sidebar-box {
z-index: 1000 !important;
position: relative !important;
min-width: var(--sidebar-collapsed-width) !important;
max-width: var(--sidebar-collapsed-width) !important;
}
#sidebar-header,
#sidebar-splitter {
display: none !important;
}
/* inner width = expanded width & move inner to only show initial-width long section */
#sidebar-box #sidebar {
position: absolute !important;
min-width: var(--sidebar-width) !important;
max-width: var(--sidebar-width) !important;
width: var(--sidebar-width) !important;
transform: translateX(calc(var(--sidebar-collapsed-width) - var(--sidebar-width)));
transition: all var(--transition-time) var(--ease-out);
}
/* move inner to show entire sidebar */
#sidebar-box #sidebar:hover {
transform: translateX(0) !important;
box-shadow: 2px 0 33px -3px var(--sidebar-shadow-color);
}
#sidebar-box[sidebarcommand="viewBookmarksSidebar"] #sidebar {
transform: translateX(0) !important;
box-shadow: 2px 0 33px -3px var(--sidebar-shadow-color);
}
/* hide sidebar header for tree style tabs sidebar */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none;
}
#sidebar {
border-right: solid var(--dividers) var(--sidebar-shadow-color) !important;
}
toolbar {
border: none !important;
}
/* Hide splitter, when using Tree Style Tab. */
#sidebar-splitter {
display: none !important;
}
/* hide tabs */
.tabbrowser-tab {
display: none;
}
#tabs-newtab-button {
display: none;
}
.titlebar-spacer {
display: none !important;
}

100
modules/home-manager/browser/floorp/chrome/userChrome-overlay.css Normal file
View file

@ -0,0 +1,100 @@
/* material firefox imports */
@import "global/variables.css";
@import "global/global.css";
@import "icons/icons.css";
@import "tabbar/tabbar.css";
@import "navbar/navbar.css";
@import "personalbar/personalbar.css";
@import "popup/popup.css";
@import "urlbar/urlbar.css";
@import "findbar/findbar.css";
/* Vars Import */
@import "vars.css";
/* show bookmarks toolbar on new tab only */
#main-window #PersonalToolbar {
visibility: collapse !important;
z-index: 1 !important;
position: relative !important;
margin-left: var(--initial-width); /* shift toolbar to the right based on initial width */
margin-top: var(--toolbar-height) !important;
}
#main-window[title^="Firefox Developer Edition"] #PersonalToolbar {
visibility: visible !important;
margin-top: -1px !important;
}
/*
There's two main sidebar components.
1. #sidebar-box (outer)
2. #sidebar (inner)
*/
/* lock outer to height by doing the inverse margin of the toolbar element */
/* set outer width = initial width */
#sidebar-box {
z-index: 1000 !important;
position: relative !important;
margin-top: var(--menubar-height) !important;
padding-top: calc(-1 * var(--menubar-height));
max-width: 0px;
min-width: 0px;
}
#sidebar-header {
color: var(--sidebar-background-color) !important;
}
/* inner width = expanded width & move inner to only show initial-width long section */
#sidebar-box #sidebar {
min-width: var(--sidebar-width) !important;
max-width: var(--sidebar-width) !important;
transition: all 0.2s ease-in-out;
box-shadow: 2px 0 33px -5px var(--shadow-color);
background: var(--sidebar-background-color) !important;
}
#main-window[title^="Firefox Developer Edition"] #sidebar-box {
margin-top: var(--toolmenubar-height) !important;
}
/* hide sidebar header for tree style tabs sidebar */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none;
}
#sidebar {
border-right: none !important;
}
toolbar#nav-bar {
padding-top: 12px;
padding-bottom: 7px;
margin-left: var(--initial-width);
padding-left: 7px;
border: none !important;
}
toolbar {
border: none !important;
}
/* Hide splitter, when using Tree Style Tab. */
#sidebar-splitter {
display: none !important;
}
/* hide normal horizontal tab bar */
#TabsToolbar {
display: none;
}
/* Show firefox titlebar */
/* .tabbrowser-tab { */
/* display: none; */
/* } */
/* #tabs-newtab-button { */
/* display: none; */
/* } */

32
modules/home-manager/browser/floorp/chrome/userChrome-static.css Normal file
View file

@ -0,0 +1,32 @@
#main-window[title^="Firefox Developer Edition"] #PersonalToolbar {
visibility: visible !important;
margin-top: -1px !important;
}
#sidebar-box #sidebar {
min-width: var(--sidebar-width) !important;
max-width: var(--sidebar-width) !important;
box-shadow: none !important;
}
#sidebar-box {
width: var(--sidebar-width) !important;
}
/* hide sidebar header for tree style tabs sidebar */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none;
}
#sidebar {
border-right: solid var(--dividers) var(--sidebar-shadow-color) !important;
}
toolbar {
border: none !important;
}
/* Hide splitter, when using Tree Style Tab. */
#sidebar-splitter {
display: none !important;
}

114
modules/home-manager/browser/floorp/chrome/userChrome-tabline.css Normal file
View file

@ -0,0 +1,114 @@
#tabbrowser-arrowscrollbox {
margin: 7px 14px 7px 14px;
}
.tabbrowser-tab::after {
border: none !important;
}
.tab-background .tab-line,
.tab-background .tab-bottom-line {
display: none;
}
tab[selected="true"] > .tab-stack > .tab-background {
background: var(--tl-tab-background-gradient, var(--arrowpanel-dimmed-further)) !important;
}
tab:not([selected="true"]) > .tab-stack:hover > .tab-background {
background: var(--arrowpanel-background) !important;
}
.tab-stack {
border-radius: 7px;
margin-right: 5px;
overflow: hidden;
}
.tab-stack .tab-icon-image,
.tab-stack .tab-label-container {
transform: translateX(0px);
transition: all var(--tl-animation-duration) var(--ease-out) !important;
}
.tab-stack .tab-icon-image {
transition-duration: calc(var(--tl-animation-duration) * 2) !important;
}
tab:not([pinned="true"]) .tab-stack:hover .tab-icon-image {
transform: translateX(-25px) !important;
}
.tab-stack:hover .tab-label-container {
transform: translateX(-23px) !important;
}
/* containers */
tab:not([selected="true"]).identity-color-blue > .tab-stack,
tab:not([selected="true"]).identity-color-orange > .tab-stack,
tab:not([selected="true"]).identity-color-green > .tab-stack,
tab:not([selected="true"]).identity-color-pink > .tab-stack{
border-radius: 0 0 7px 7px !important;
}
tab[selected="true"].identity-color-blue > .tab-stack .tab-label-container,
tab[selected="true"].identity-color-orange > .tab-stack .tab-label-container,
tab[selected="true"].identity-color-green > .tab-stack .tab-label-container,
tab[selected="true"].identity-color-pink > .tab-stack .tab-label-container{
color: #000 !important;
}
/* blue */
tab[selected="true"].identity-color-blue > .tab-stack > .tab-background{
background: linear-gradient(to right, #3182CE , #0BC5EA) !important;
}
tab:not([selected="true"]).identity-color-blue > .tab-stack > .tab-background{
border-top: solid 4px #63B3ED !important;
}
/* orange */
tab[selected="true"].identity-color-orange > .tab-stack > .tab-background{
background: linear-gradient(to right, #DD6B20 , #F56565) !important;
}
tab:not([selected="true"]).identity-color-orange > .tab-stack > .tab-background{
border-top: solid 4px #F6AD55 !important;
}
/* green */
tab[selected="true"].identity-color-green > .tab-stack > .tab-background{
background: linear-gradient(to right, #38A169 , #38B2AC) !important;
}
tab:not([selected="true"]).identity-color-green > .tab-stack > .tab-background{
border-top: solid 4px #68D391 !important;
}
/* pink */
tab[selected="true"].identity-color-pink > .tab-stack > .tab-background{
background: linear-gradient(to right, #D53F8C , #9F7AEA) !important;
}
tab:not([selected="true"]).identity-color-pink > .tab-stack > .tab-background{
border-top: solid 4px #F687B3 !important;
}
.tab-stack .tab-close-button {
border-radius: 50%;
margin-left: -20px !important;
background: var(--lwt-text-color);
fill: var(--lwt-accent-color) !important;
transform: translateX(30px) !important;
transition: all var(--tl-animation-duration) var(--ease-out) !important;
}
.tab-stack:hover .tab-close-button {
transform: translateX(0px) !important;
}
#tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox >
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]){
display: block !important;
}

Some files were not shown because too many files have changed in this diff Show more