Compare commits

...

106 commits

Author SHA1 Message Date
alstjr7375
aa9fc543b3 Fix: Bookmark Menu padding
Some checks failed
CI / build (push) Has been cancelled
2025-11-29 00:00:00 +09:00
alstjr7375
38507b733b Fix: Tab - Rounding #1139
Some checks failed
CI / build (push) Has been cancelled
2025-11-16 22:35:03 +09:00
alstjr7375
2bcd91f8b8 Chore: Release name change for legacy Firefox 117 #1131 2025-10-12 00:00:00 +09:00
alstjr7375
4645a41e7e Fix: Context menu spacing in toggle-able menus #1128
Some checks failed
CI / build (push) Has been cancelled
2025-09-13 00:00:00 +09:00
alstjr7375
b0b977e658 Docs: CREDIT 2025-08-10 23:08:56 +09:00
alstjr7375
44d4124a57 Fix: Tabbar - Clipping at movingtab #1126
Some checks failed
CI / build (push) Has been cancelled
2025-08-10 00:36:36 +09:00
alstjr7375
3b2e609eab Fix: Pinned Tab - Color & separator #1111 2025-08-09 23:41:33 +09:00
alstjr7375
7e21531269 Fix: Sidebar - Menu icons
Some checks failed
CI / build (push) Has been cancelled
2025-08-06 09:06:44 +09:00
alstjr7375
37ba412b4c Fix: Icons - Tab toolbar
Some checks are pending
CI / build (push) Waiting to run
2025-08-05 09:10:56 +09:00
alstjr7375
83431e9e76 Fix: Tabbar - Vertical tab max-width adjustment #1107
Some checks failed
CI / build (push) Has been cancelled
2025-08-03 21:29:20 +09:00
alstjr7375
2576f0b031 Fix: Tabar - max-height #1111 2025-08-02 00:00:00 +09:00
alstjr7375
5a5dedef16 Fix: URLBar - Remove Megabar CSS #1038
Some checks failed
CI / build (push) Has been cancelled
2025-08-01 09:14:30 +09:00
Esteve Varela Colominas
2360479dc1 Fix Megabar CSS (#1038) 2025-08-01 09:14:30 +09:00
alstjr7375
5e49ab0a9a Fix: Global Menubar - padding #1099
Some checks failed
CI / build (push) Has been cancelled
2025-07-12 00:00:00 +09:00
alstjr7375
911c3f524b Fix: Icons - context menu overlap in linux #1099
Some checks failed
CI / build (push) Has been cancelled
2025-06-30 00:39:30 +09:00
alstjr7375
42a6a09f32 Fix: Global Menubar - Padding at windows #1103
Some checks failed
CI / build (push) Has been cancelled
2025-06-04 00:00:00 +09:00
alstjr7375
bfc9d9435d Fix: TitleBar - Remove native titlebar button style at linux
Some checks are pending
CI / build (push) Waiting to run
The title bar is not visible in v140
5ce8bb770f
2025-06-04 00:00:00 +09:00
alstjr7375
1d535c5ad3 Fix: Global Menu - menu text selector 2025-06-03 00:00:00 +09:00
alstjr7375
5c818fc1cb Fix: Context menu - transparent background color at hover #1102 2025-06-02 00:00:00 +09:00
alstjr7375
392556235f CREDIT - Update sponsors
Some checks failed
CI / build (push) Has been cancelled
2025-05-12 05:25:00 +09:00
alstjr7375
87603c3873 Fix: Icons - Profile icons 2025-05-12 05:10:03 +09:00
MS_Y
48455a76b5
Merge pull request #1094 from irhdevel/supernova_contextline_fix 2025-05-12 05:08:03 +09:00
irhdevel
b8b036c0dd Fix: background of supernova contextline on hover is too light 2025-05-11 01:02:03 +09:00
irhdevel
303b758dd7 Fix: Tab - Supernova Contextline Position/Animation in container-tabs
- fixed contextline's position is lower in container-tabs.
- The background-color of contextline is now synced with Firefox theme or
  OS accent color.
- Contextline is currently represented using pseudo-elements for
  animation and code integration in container-tabs.
- Added new option `userChrome.tab.contextline_blue_accent` to avoid the
  contextline color becoming the same as the background in some themes.
2025-05-10 23:45:51 +09:00
alstjr7375
db615f1753 Fix: support vertical tabs
Some checks failed
CI / build (push) Has been cancelled
2025-04-28 09:36:57 +09:00
alstjr7375
9f52697dd2 Fix: missing tab audio icons
Some checks failed
CI / build (push) Has been cancelled
2025-04-07 00:00:00 +09:00
alstjr7375
f53624ab6e Fix: Tab Group supports #1086 2025-04-06 00:00:00 +09:00
alstjr7375
f547441c6f Fix: Tab - Audio icon position #1075
Some checks failed
CI / build (push) Has been cancelled
2025-04-04 00:00:00 +09:00
MS_Y
a9c2d4ecb5
Merge pull request #1084 from coxde/master
feat: add librewolf flatpak profile path
2025-03-22 01:39:28 +09:00
COxDE
30457b0457
feat: add librewolf flatpak profile path 2025-03-19 10:01:20 +00:00
alstjr7375
d46476ce72 Fix: @media -moz-pref supports #1072
ESR era syntax has been removed.
2025-03-11 03:01:12 +09:00
alstjr7375
209a1cfe13 Fix: Activity Stream - Align pages #1068 2025-02-14 05:16:55 +09:00
alstjr7375
7f6a63fb93 Fix: Autohide - Navbar erroneous pointer events #1028 2025-02-01 19:04:52 +09:00
alstjr7375
ad7babfaa9 Fix: Tabbar - Windows accent color with !important #1030 2025-01-31 02:12:34 +09:00
alstjr7375
71b3bac715 Doc: CREDITS - New github sponsor 2025-01-31 01:59:05 +09:00
alstjr7375
3aa68db041 Fix: Autohide - Navbar not hiding urlbar #1028 2025-01-26 01:43:12 +09:00
alstjr7375
6147b3188d Fix: Autohide - Navbar drag & drop event #820 2025-01-25 01:20:42 +09:00
alstjr7375
750694b282 Fix: Tabbar - Hidden .titlebar-buttonbox-container #1029 2025-01-24 01:12:24 +09:00
alstjr7375
f112f47c9c Fix: Panel - Extensions menu gear icon hover style #1056 2025-01-23 01:04:48 +09:00
alstjr7375
3742efb570 Fix: Sidebar - Remove animated flashes from Windows #1053 2025-01-22 01:59:18 +09:00
alstjr7375
87abdcd37a Fix: FullScreen - MacOS Tab Min Height #1045 2025-01-13 02:04:28 +09:00
alstjr7375
36c05567b2 Fix: FullScreen - MacOS Tabbar crop #1045 2025-01-12 01:50:29 +09:00
alstjr7375
350b0524d0 Fix: Tabbar - Windows accent color #1030 2024-12-30 06:00:36 +09:00
alstjr7375
f5287014e2 Fix: Sidebar - Right side overlap #1052 2024-12-29 05:44:00 +09:00
alstjr7375
7d96af3abe Fix: Tabbar - tabsintitlebar to customtitlebar compatibility
- c3795ef218
- 06b1c50bed
2024-12-27 05:31:09 +09:00
alstjr7375
a42a815892 Fix: Tabbar - Hidden tabbar #1029
TODO: [tabsinitlebar] -> [customtitlebar] migration
2024-12-26 08:41:11 +09:00
alstjr7375
f4ed175838 Fix: Icons - Protection icon #1047
But not works at `.toolbarbutton-icon`
2024-12-25 06:46:15 +09:00
alstjr7375
0a1dd71991 Fix: UserContent - Addon page menu icon #1043 2024-12-24 05:04:02 +09:00
alstjr7375
2658e7328e Fix: Panel - Misplaced separator of the Account menu #1041 2024-12-23 05:03:47 +09:00
alstjr7375
6b554042a0 Fix: Response to titlebar removal #1040
052d458767 (diff-3bc9a8d30c5dac9f5e2374b4419a283306710a5a4ccfea7ba005eed30907233bR255)
2024-12-22 05:03:29 +09:00
alstjr7375
54cec8c113 Fix: Tab - Selected bold effect #1046 2024-12-21 05:03:02 +09:00
alstjr7375
11c502742b Fix: Compatibility - Design token 2024-12-20 05:02:43 +09:00
alstjr7375
7f51acc93d Fix: UserContent - Page accent color #1048 2024-12-19 04:59:50 +09:00
alstjr7375
e5eff553fd Fix: URLBar - Position at touch density #1035 2024-11-30 06:48:06 +09:00
alstjr7375
83f4603bc1 Fix: URLBar - Prevent overlay at navbar autohide #1028 2024-11-30 06:40:50 +09:00
alstjr7375
d66bd0f400 Fix: URLBar - Prevent overlay at full screen #1028 2024-11-30 06:07:56 +09:00
alstjr7375
40d8bed8cf Fix: URLBar - Reduce fade animation #1033 2024-11-30 03:26:36 +09:00
alstjr7375
63b47ae816 Fix: Icons - Device icon at sidebar #1027 2024-11-30 00:46:57 +09:00
alstjr7375
9df0a7f71d Fix: Icons - Tabs from other devices #1026 2024-11-29 00:34:20 +09:00
alstjr7375
1ba1f91a71 Chore: Fix yarn install error & bump actions 2024-11-29 00:08:38 +09:00
alstjr7375
8c845b7e97 Fix: Tab - Burst size at supernova-like context line #1006 2024-11-24 04:42:02 +09:00
alstjr7375
f64a629f45 Chore: Yarn version update to 4 2024-11-21 04:40:02 +09:00
alstjr7375
9363e9a4be Fix: Sidebar - Adjust z-index for overlap #993 2024-11-20 03:52:27 +09:00
alstjr7375
a56a1044cf Doc: CREDIT - New ko-fi, github sponsor 2024-11-19 03:16:18 +09:00
alstjr7375
190aa839e6 Fix: Tabbar - Min size at v134 #1023 2024-11-16 20:38:09 +09:00
alstjr7375
3441312512 Fix: Fullscreen - Bookmark overflow button when switching from DOM Fullscreen #685 2024-11-16 15:14:09 +09:00
alstjr7375
d60a753416 Fix: Content - Radio icon #1022
09079239a4
2024-11-15 01:40:14 +09:00
alstjr7375
530b283da0 Fix: Tab - Sound overlay icon typo #1011 2024-11-04 22:09:48 +09:00
alstjr7375
ed9866819a Fix: Tab - Restore overlay icon shape #1011 2024-11-04 15:26:00 +09:00
alstjr7375
00afdf140b Fix: Icons - List all tabs icon 2024-10-07 02:51:27 +09:00
alstjr7375
c327fb7fe0 Fix: Content - about:process thin icon #960 2024-09-23 20:36:53 +09:00
alstjr7375
df6bc8d430 Fix: Content - about:process profile icon hover #960 2024-09-23 20:15:43 +09:00
alstjr7375
0277495c0e Fix: Contents - icon scope rule #938 2024-09-23 19:33:52 +09:00
alstjr7375
f7718ed326 Fix: about:process profile button hover again #989 2024-09-23 19:00:36 +09:00
alstjr7375
93db8584c0 Fix: Library - Colflict to bookmark panel selector #988 2024-09-23 18:09:42 +09:00
alstjr7375
e34cf5f086 Fix: Infobar - Primary button color 2024-09-22 17:27:49 +09:00
alstjr7375
ed8bbe969c Fix: Activity Stream - 3 dot button size #913 2024-09-20 01:06:29 +09:00
alstjr7375
113aa41f7d Fix: Icons - Waterfox open All as Tree menu #987 2024-09-19 00:20:09 +09:00
alstjr7375
591cade37a Add: Icons - Chatbot menus #978 2024-09-17 22:22:38 +09:00
alstjr7375
50f76389ad Fix: Icons - Send to devices at sync panel #986 2024-09-16 18:20:01 +09:00
Zap
4c78d5cd9d Icons for https://github.com/black7375/Firefox-UI-Fix/issues/962
* 1.25px import icon (from Photon)
* 1.25px stopwatch icon (from Photon)
* 1.25px refresh icon (from Acorn)
* 1.25px update circle icon (from Acorn)
2024-09-19 17:13:05 +09:00
alstjr7375
3b44e58ef4 Fix: Icons - URL view tranding bloacks #964 2024-09-15 17:09:00 +09:00
alstjr7375
b3e1b84451 Fix: Icons - Report broken site at Protection popup #971 2024-09-13 16:12:34 +09:00
alstjr7375
ed5e5198fc Fix: Fullscreen bookmarkbar visibility #979 2024-09-08 15:36:24 +09:00
alstjr7375
227c6af7ac Fix: Fullscreen hover behavior #979 2024-09-07 15:36:05 +09:00
alstjr7375
5390ef2858 Merge branch 2024-09-04 17:18:27 +09:00
alstjr7375
3db45fbfe9 Doc: CREDIT - New big sponsoring @BrowserWorks 2024-09-03 17:18:02 +09:00
alstjr7375
9e8498204f Doc: CREDIT - New contributor #968 2024-08-31 17:08:25 +09:00
alstjr7375
9560003715 Doc: CREDIT - New sponsor on Ko-Fi 2024-08-30 17:03:15 +09:00
MS_Y
c346292707
Merge pull request #968 from irhdevel/supernova_contextline
Add: Tab - Supernova like Selected Tab ContextLine
2024-08-27 00:30:50 +09:00
irhdevel
9584a7621d Add: Tab - Supernova like Selected Tab ContextLine 2024-08-26 04:56:48 +09:00
alstjr7375
3a98df551f Fix: Customization - Background color #963 2024-08-25 16:42:56 +09:00
alstjr7375
2795f54e65 Fix: UserContent - about:process profile icon hover #960 2024-08-25 16:32:07 +09:00
alstjr7375
2a2c20220e Fix: UserContent - View Available Updates height #685 2024-08-24 15:30:13 +09:00
alstjr7375
fcab63308d Fix: Icons - Duplicate Tabs Icon at treestyletab #958 2024-08-23 15:18:22 +09:00
alstjr7375
823d878916 Fix: Icons - AI Chatbot on sidebar #957 2024-08-19 14:44:26 +09:00
alstjr7375
c79922aa45 Fix: Icons - Play icon at tab context menu #955 2024-08-09 15:43:32 +09:00
alstjr7375
e1987d1ff7 Fix: UserContent - about:preferences Adjust item spacing #952 2024-08-09 14:23:32 +09:00
alstjr7375
10a8dc20aa Fix: about:process profile button hover #948 2024-08-08 14:06:33 +09:00
alstjr7375
c01458d891 Fix: Icons - Tree style tab #949 2024-08-07 13:38:08 +09:00
alstjr7375
a495031319 Fix: Setting - Change option name from upstream(v128) #947 2024-07-22 14:15:44 +09:00
MS_Y
4b6a1d787b
Doc: Fix update by github convention 2024-07-19 18:52:47 +09:00
alstjr7375
ce22061aca Fix: Content - folder icon rule as locally #938 2024-07-09 01:10:33 +09:00
alstjr7375
5fe1a8418f Add: Content - about:support refresh button as danger color #941 2024-07-08 00:11:41 +09:00
alstjr7375
f07e9f4f33 Fix: Icons - Ask to AIChat
After wrestling with the wand, we decided to make it more clear that it's a chat.

https://techcrunch.com/2024/06/15/apple-joins-the-race-to-find-an-ai-icon-that-makes-sense/
2024-07-07 14:34:06 +09:00
alstjr7375
a1f1ff5c99 Fix: Icons - Replace edit as acorn design system #935 2024-07-06 20:52:55 +09:00
115 changed files with 9764 additions and 4594 deletions

2
.github/FUNDING.yml vendored
View file

@ -15,4 +15,4 @@
# custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
github: [black7375]
ko_fi: [black7375]
ko_fi: black7375

View file

@ -1,18 +1,23 @@
name: "Setup"
description: "Yarn cache action"
runs:
using: "composite"
steps:
- name: Corepack enable
run: corepack enable
shell: bash
# https://github.com/actions/cache/blob/main/examples.md#node---yarn
# https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
- name: Get yarn cache directory path
id: yarn-cache-dir-path
run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT
shell: bash
- name: Node cache
id: node-cache
uses: actions/cache@v3
uses: actions/cache@v4
with:
path: |
${{ steps.yarn-cache-dir-path.outputs.dir }}
@ -22,5 +27,5 @@ runs:
${{ runner.os }}-node-
- name: Package Install
run: yarn install
run: yarn install --immutable
shell: bash

View file

@ -21,7 +21,7 @@ jobs:
steps:
- name: Checkout
uses: actions/checkout@v3
uses: actions/checkout@v4
- name: Setup
uses: ./.github/actions/node-setup

View file

@ -7,7 +7,7 @@ jobs:
sync-branches:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/checkout@v4
with:
fetch-depth: 0
@ -42,17 +42,17 @@ jobs:
- mode: "STANDARD"
name: "Lepton-Proton-Style"
branch: "proton-style"
- mode: "ESR"
name: "ESR-Lepton"
- mode: "LegacyV117"
name: "LegacyV117-Lepton"
branch: "master"
- mode: "ESR"
name: "ESR-Lepton-Photon-Style"
- mode: "LegacyV117"
name: "LegacyV117-Lepton-Photon-Style"
branch: "photon-style"
- mode: "ESR"
name: "ESR-Lepton-Proton-Style"
- mode: "LegacyV117"
name: "LegacyV117-Lepton-Proton-Style"
branch: "proton-style"
steps:
- uses: actions/checkout@v3
- uses: actions/checkout@v4
with:
ref: ${{ matrix.branch }}
@ -75,8 +75,8 @@ jobs:
rm css/leptonChromeESR.css
rm css/leptonContentESR.css
- name: Processing for ESR
if: matrix.mode == 'ESR'
- name: Processing for LegacyV117
if: matrix.mode == 'LegacyV117'
run: |
sed -i "s/\.css/ESR\.css/g" userChrome.css
sed -i "s/\.css/ESR\.css/g" userContent.css

2
.gitignore vendored
View file

@ -115,7 +115,7 @@ dist
# Zero install
# .pnp.* # If not zero install
.yarn/*
!.yarn/cache
.yarn/cache
!.yarn/patches
!.yarn/plugins
!.yarn/releases

1
.yarnrc.yml Normal file
View file

@ -0,0 +1 @@
nodeLinker: node-modules

28
CREDITS
View file

@ -28,7 +28,8 @@ W: https://github.com/zapSNH
----------
Sponsors
N: Private sponsors - 4
N: Private sponsors - 5
- https://ko-fi.com/home/coffeeshop?txid=be854d98-0856-48a6-8ec2-3f2a42f0b9d0
N: Alessandro Rubino
W: https://github.com/Babbiorsetto
@ -37,9 +38,18 @@ N: Alex Besogonov
E: Alex.Besogonov@gmail.com
W: https://github.com/Cyberax
N: aslam karachiwala
W: https://github.com/akwala
N: AuRiMaS666
W: https://github.com/AuRiMaS666
N: BrowserWorks
W: https://github.com/BrowserWorks
N: Christoph Mewes
W: https://github.com/xrstf
N: Duncanyoyo1
W: https://ko-fi.com/duncanyoyo1
@ -64,6 +74,9 @@ W: https://github.com/kanlukasz
N: Mike-Kennelly
W: https://github.com/Mike-Kennelly
N: Minithra
W: https://Ko-fi.com/home/coffeeshop?txid=a84c4838-f0e8-45b4-8b61-46684697e9b2&mode=public&img=ogsomeoneboughtme
N: nikkehtine
E: nikkehtine@int.pl
W: https://github.com/nikkehtine
@ -73,12 +86,18 @@ W: https://www.oss.kr/
N: Safira
N: Sunghyun Cho
W: https://github.com/anaclumos
N: Ygg01
W: https://github.com/Ygg01
N: ZachKnife1
W: https://github.com/ZachKnife1
N: Zachary Schuessler
W: https://github.com/zschuessler
----------
Contributors
@ -134,6 +153,10 @@ N: hellojaccc
E: kim@taekyeong.me
W: https://github.com/hellojaccc
N: irhdevel
E: irihi.design@gmail.com
W: https://github.com/irhdevel
N: James Upjohn
E: jammehcow@jammehcow.co.nz
W: https://github.com/jammehcow
@ -151,6 +174,9 @@ N: menndouyukkuri
E: menndoukusagari@gmail.com
W: https://github.com/menndouyukkuri
N: mid-kid
W: https://github.com/mid-kid
N: Mizuki
W: https://github.com/MagicalDrizzle

View file

@ -200,23 +200,27 @@ Thanks to all sponsors & contributors to this project for providing help and dev
*Sponsors*
[[https://www.oss.kr/][https://user-images.githubusercontent.com/25581533/203210367-9f2eed69-666a-4218-acde-128892aa09d8.png]]
[[https://github.com/ojaha065][@@html:<img src="https://avatars.githubusercontent.com/u/37581768?s=60&v=4"/>@@]]
[[https://github.com/DPS0340][@@html:<img src="https://avatars.githubusercontent.com/u/32592965?s=60&v=4"/>@@]]
[[https://github.com/BrowserWorks][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/78850935?s=60&v=4"/>@@]]
[[https://github.com/ojaha065][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/37581768?s=60&v=4"/>@@]]
[[https://github.com/DPS0340][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/32592965?s=60&v=4"/>@@]]
[[https://github.com/ZachKnife1][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/114311925?s=60&v=4"/>@@]]
[[https://github.com/kanlukasz][@@html:<img src="https://avatars.githubusercontent.com/u/30685349?s=60&v=4"/>@@]]
[[https://github.com/nikkehtine][@@html:<img src="https://avatars.githubusercontent.com/u/27138416?s=60&v=4"/>@@]]
[[https://github.com/Babbiorsetto][@@html:<img src="https://avatars.githubusercontent.com/u/36596647?s=60&v=4"/>@@]]
[[https://github.com/Mike-Kennelly][@@html:<img src="https://avatars.githubusercontent.com/u/151653777?s=60&v=4"/>@@]]
[[https://github.com/kanlukasz][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/30685349?s=60&v=4"/>@@]]
[[https://github.com/nikkehtine][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/27138416?s=60&v=4"/>@@]]
[[https://github.com/Babbiorsetto][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/36596647?s=60&v=4"/>@@]]
[[https://github.com/Mike-Kennelly][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/151653777?s=60&v=4"/>@@]]
[[https://github.com/Cyberax][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/1136550?s=60&v=4"/>@@]]
[[https://github.com/AuRiMaS666][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/59185222?s=60&v=4"/>@@]]
[[https://github.com/firefox9067][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/80527364?s=60&v=4"/>@@]]
[[https://github.com/Ygg01][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/1146204?s=60&v=4"/>@@]]
[[https://github.com/engelju][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/2188152?s=60&v=4"/>@@]]
[[https://github.com/xrstf][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/127499?s=60&v=4"/>@@]]
[[https://github.com/akwala][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/1786?s=60&v=4"/>@@]]
- A donation was received on [[https://ko-fi.com/black7375][Ko-Fi]]
- [[https://ko-fi.com/home/coffeeshop?txid=97e5fa0d-c73e-4308-a2fd-6b44b08cd828][Safira]]
- [[https://ko-fi.com/duncanyoyo1][https://ko-fi.com/duncanyoyo1]]
- Private sponsors: 4
- [[https://ko-fi.com/duncanyoyo1][duncanyoyo1]]
- [[https://ko-fi.com/home/coffeeshop?txid=a84c4838-f0e8-45b4-8b61-46684697e9b2][Minithra]]
- Private sponsors: 5
*Contributors*

View file

@ -29,11 +29,11 @@
}
@include test("support pref") {
@include mode.SUPPORT_PREF;
@include mode.SUPPORT_BOOL_PREF;
@include assert {
@include output {
@if mode.isMediaPref() {
@if mode.isMediaBoolPref() {
@include example;
}
}
@ -44,11 +44,11 @@
}
@include test("media pref") {
@include mode.MEDIA_PREF;
@include mode.MEDIA_BOOL_PREF;
@include assert {
@include output {
@if mode.isMediaPref() {
@if mode.isMediaBoolPref() {
@include example;
}
}
@ -86,11 +86,11 @@
}
@include test("support pref") {
@include mode.SUPPORT_PREF;
@include mode.SUPPORT_BOOL_PREF;
@include assert {
@include output {
@if mode.isMediaPref() {
@if mode.isMediaBoolPref() {
@include example;
}
}
@ -101,11 +101,11 @@
}
@include test("media pref") {
@include mode.MEDIA_PREF;
@include mode.MEDIA_BOOL_PREF;
@include assert {
@include output {
@if mode.isMediaPref() {
@if mode.isMediaBoolPref() {
@include example;
}
}

View file

@ -137,7 +137,7 @@
@include test-module("Native Menu Option - Standard [mix]") {
@include mode.STANDARD;
@include mode.SUPPORT_PREF;
@include mode.SUPPORT_BOOL_PREF;
@include test("simple") {
@include assert {
@ -256,7 +256,7 @@
@include test-module("Native Menu Option - MediaPref [mix]") {
@include mode.STANDARD;
@include mode.MEDIA_PREF;
@include mode.MEDIA_BOOL_PREF;
@include test("simple") {
@include assert {

View file

@ -51,7 +51,7 @@
@include test-module("One Liner - MediaPref [mix]") {
@include mode.STANDARD;
@include mode.MEDIA_PREF;
@include mode.MEDIA_BOOL_PREF;
@include test("content") {
@include assert {
@ -167,9 +167,9 @@
}
}
@include test-module("One Liner for Responsive - MEDIA_PREF [mix]") {
@include test-module("One Liner for Responsive - MEDIA_BOOL_PREF [mix]") {
@include mode.STANDARD;
@include mode.MEDIA_PREF;
@include mode.MEDIA_BOOL_PREF;
@include test("Tabs on bottom") {
@include assert {

View file

@ -81,7 +81,7 @@
@include test-module("If exist pref - Standard [mix]") {
@include mode.STANDARD;
@include mode.SUPPORT_PREF;
@include mode.SUPPORT_BOOL_PREF;
@include test("simple") {
@include assert {
@ -156,9 +156,9 @@
}
}
@include test-module("If exist pref - MediaPref [mix]") {
@include test-module("If exist pref - MediaBoolPref [mix]") {
@include mode.STANDARD;
@include mode.MEDIA_PREF;
@include mode.MEDIA_BOOL_PREF;
@include test("simple") {
@include assert {
@ -233,6 +233,83 @@
}
}
@include test-module("If exist pref - Media [mix]") {
@include mode.STANDARD;
@include mode.MEDIA_PREF;
@include test("simple") {
@include assert {
@include output {
@include option.Option("userChrome.tab.photon") {
@include example;
}
}
@include expect {
@#{media} #{'-moz-pref("userChrome.tab.photon")'} {
@include example;
}
}
}
}
@include test("multiple") {
@include assert {
@include output {
@include option.Option("userChrome.tab.photon", "userChrome.padding.photon") {
@include example;
}
}
@include expect {
@#{media} #{'-moz-pref("userChrome.tab.photon") or -moz-pref("userChrome.padding.photon")'} {
@include example;
}
}
}
}
@include test("simple `and`") {
@include assert {
@include output {
@include option.Option("userChrome.tab.photon" "userChrome.padding.photon") {
@include example;
}
}
@include expect {
@#{media} #{'(-moz-pref("userChrome.tab.photon") and -moz-pref("userChrome.padding.photon"))'} {
@include example;
}
}
}
}
@include test("multiple `and`") {
@include assert {
@include output {
@include option.Option("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow") {
@include example;
}
@include option.Option("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow", "userChrome.icon.panel_full") {
@include example;
}
@include option.Option("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow" "userChrome.icon.panel_full") {
@include example;
}
}
@include expect {
@#{media} #{'(-moz-pref("userChrome.tab.photon") and -moz-pref("userChrome.padding.photon")) or -moz-pref("userChrome.tab.box_shadow")'} {
@include example;
}
@#{media} #{'(-moz-pref("userChrome.tab.photon") and -moz-pref("userChrome.padding.photon")) or -moz-pref("userChrome.tab.box_shadow") or -moz-pref("userChrome.icon.panel_full")'} {
@include example;
}
@#{media} #{'(-moz-pref("userChrome.tab.photon") and -moz-pref("userChrome.padding.photon")) or (-moz-pref("userChrome.tab.box_shadow") and -moz-pref("userChrome.icon.panel_full"))'} {
@include example;
}
}
}
}
}
@include test-module("If not exist pref - ESR [mx]") {
@include mode.ESR;
@ -312,7 +389,7 @@
@include test-module("If not exist pref - Standard [mx]") {
@include mode.STANDARD;
@include mode.SUPPORT_PREF;
@include mode.SUPPORT_BOOL_PREF;
@include test("simple") {
@include assert {
@ -372,9 +449,9 @@
}
}
@include test-module("If not exist pref - MediaPref [mx]") {
@include test-module("If not exist pref - MediaBoolPref [mx]") {
@include mode.STANDARD;
@include mode.MEDIA_PREF;
@include mode.MEDIA_BOOL_PREF;
@include test("simple") {
@include assert {
@ -433,3 +510,65 @@
}
}
}
@include test-module("If not exist pref - MediaPref [mx]") {
@include mode.STANDARD;
@include mode.MEDIA_PREF;
@include test("simple") {
@include assert {
@include output {
@include option.NotOption("userChrome.tab.photon") {
@include example;
}
}
@include expect {
@#{media} #{'not -moz-pref("userChrome.tab.photon")'} {
@include example;
}
}
}
}
@include test("multiple") {
@include assert {
@include output {
@include option.NotOption("userChrome.tab.photon", "userChrome.padding.photon") {
@include example;
}
}
@include expect {
@#{media} #{'(not -moz-pref("userChrome.tab.photon")) or (not -moz-pref("userChrome.padding.photon"))'} {
@include example;
}
}
}
}
@include test("multiple `and`") {
@include assert {
@include output {
@include option.NotOption("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow") {
@include example;
}
@include option.NotOption("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow", "userChrome.icon.panel_full") {
@include example;
}
@include option.NotOption("userChrome.tab.photon" "userChrome.padding.photon", "userChrome.tab.box_shadow" "userChrome.icon.panel_full") {
@include example;
}
}
@include expect {
@#{media} #{'((not -moz-pref("userChrome.tab.photon")) and (not -moz-pref("userChrome.padding.photon"))) or (not -moz-pref("userChrome.tab.box_shadow"))'} {
@include example;
}
@#{media} #{'((not -moz-pref("userChrome.tab.photon")) and (not -moz-pref("userChrome.padding.photon"))) or (not -moz-pref("userChrome.tab.box_shadow")) or (not -moz-pref("userChrome.icon.panel_full"))'} {
@include example;
}
@#{media} #{'((not -moz-pref("userChrome.tab.photon")) and (not -moz-pref("userChrome.padding.photon"))) or ((not -moz-pref("userChrome.tab.box_shadow")) and (not -moz-pref("userChrome.icon.panel_full")))'} {
@include example;
}
}
}
}
}

4435
css/leptonChrome.css generated

File diff suppressed because it is too large Load diff

1442
css/leptonChromeESR.css generated

File diff suppressed because it is too large Load diff

353
css/leptonContent.css generated
View file

@ -42,6 +42,9 @@
box-sizing: content-box;
padding: 0 !important;
}
button[data-l10n-id="addon-updates-manual-updates-found"] {
height: 100%;
}
#categories {
padding-inline-end: 1px !important; /* Original: 4px */
}
@ -53,7 +56,7 @@
}
/** Video player **************************************************************/
/* Control Bar Size */
@supports -moz-bool-pref("userContent.player.size") {
@media -moz-pref("userContent.player.size") {
#controlsContainer {
--controlBar-height: 40px; /* Original: 40px, Replace to this value */
}
@ -79,7 +82,7 @@
}
}
/* Control Bar UI */
@supports -moz-bool-pref("userContent.player.ui") {
@media -moz-pref("userContent.player.ui") {
audio {
--duration-color: #929292; /* Like Original */
--media-background: rgba(26, 26, 26, 0.8); /* Like Original */
@ -113,7 +116,7 @@
#controlsContainer .duration {
color: var(--duration-color) !important; /* Original: #929292 */
}
@supports -moz-bool-pref("userContent.player.ui.twoline") {
@media -moz-pref("userContent.player.ui.twoline") {
audio {
/* #controlsContainer .controlBar */
--controlBar-flex-wrap: unset;
@ -203,7 +206,7 @@
}
}
}
@supports -moz-bool-pref("userContent.player.icon") {
@media -moz-pref("userContent.player.icon") {
#controlsContainer .fullscreenButton {
background-image: url("../icons/enter-fullscreen.svg") !important;
}
@ -211,14 +214,14 @@
background-image: url("../icons/exit-fullscreen.svg") !important;
}
}
@supports -moz-bool-pref("userContent.player.noaudio") {
@media -moz-pref("userContent.player.noaudio") {
#controlsContainer .muteButton[noAudio] {
/* Remove volume button at noAudio */
display: none !important;
}
}
/* Click to play UI */
@supports -moz-bool-pref("userContent.player.click_to_play") {
@media -moz-pref("userContent.player.click_to_play") {
#controlsContainer .clickToPlay {
cursor: pointer;
opacity: 0.65 !important;
@ -232,7 +235,7 @@
}
}
/* Animation */
@supports -moz-bool-pref("userContent.player.animate") {
@media -moz-pref("userContent.player.animate") {
@media (prefers-reduced-motion: no-preference) {
/* Control Bar */
#controlsContainer .controlBar {
@ -264,7 +267,7 @@
/** Activity Stream ***********************************************************/
@-moz-document url("about:home"), url("about:newtab") {
/** Activity Stream - Search Focus Border: like URL *************************/
@supports -moz-bool-pref("userContent.page.field_border") {
@media -moz-pref("userContent.page.field_border") {
/* At DarkMode, Color */
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
@ -282,8 +285,8 @@
/* For Nightly */
--newtab-primary-action-background: var(--newtab-focus-border) !important;
}
@supports -moz-bool-pref("userContent.page.proton_color") {
@supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") {
@media -moz-pref("userContent.page.proton_color") {
@media -moz-pref("userContent.page.proton_color.dark_blue_accent") {
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"],
@ -295,7 +298,7 @@
}
}
/** Activity Stream - Menu Icons ********************************************/
@supports -moz-bool-pref("userChrome.icon.context_menu") {
@media -moz-pref("userChrome.icon.context_menu") {
.context-menu-list .context-menu-item button {
padding-inline-start: 0 !important;
}
@ -321,7 +324,7 @@
--menuitem-image: url("../icons/unpin-tab.svg");
}
.context-menu-item span[data-l10n-id="newtab-menu-edit-topsites"] {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
.context-menu-item span[data-l10n-id="newtab-menu-bookmark"] {
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
@ -338,7 +341,7 @@
.context-menu-item span[data-l10n-id="newtab-menu-show-file"] {
--menuitem-image: url("chrome://global/skin/icons/folder.svg");
}
@supports -moz-bool-pref("userChrome.icon.library") {
@media -moz-pref("userChrome.icon.library") {
.context-menu-item span[data-l10n-id="newtab-menu-show-file"] {
--menuitem-image: url("../icons/folder.svg");
}
@ -357,8 +360,13 @@
}
}
/** Activity Stream - Web Site Icon: full size ******************************/
@supports -moz-bool-pref("userContent.newTab.full_icon") {
@media -moz-pref("userContent.newTab.full_icon") {
.top-site-outer {
width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */
}
.top-site-outer .tile {
width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
overflow: hidden;
}
.top-site-outer .icon-wrapper {
@ -371,13 +379,16 @@
}
.top-site-outer .context-menu-button {
top: 0px !important; /* Original: -20px */
right: 0px !important;
width: 22px !important;
height: 22px !important;
}
.top-site-outer .context-menu {
top: 16.75px !important; /* Original: 6.75px */
}
}
/** Activity Stream - Animate ***********************************************/
@supports -moz-bool-pref("userContent.newTab.animate") {
@media -moz-pref("userContent.newTab.animate") {
@media (prefers-reduced-motion: no-preference) {
:root {
--animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1);
@ -407,7 +418,7 @@
.search-wrapper .search-inner-wrapper > .search-handoff-button:focus {
transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
}
@supports -moz-bool-pref("userContent.page.field_border") {
@media -moz-pref("userContent.page.field_border") {
.search-wrapper .search-inner-wrapper:hover > input,
.search-wrapper .search-inner-wrapper:hover > .search-handoff-button {
border-color: var(--newtab-primary-action-background) !important;
@ -417,10 +428,11 @@
}
}
/** Activity Stream - Pocket order to last **********************************/
@supports -moz-bool-pref("userContent.newTab.pocket_to_last") {
@media -moz-pref("userContent.newTab.pocket_to_last") {
.body-wrapper.on {
display: flex;
flex-wrap: wrap;
flex-wrap: wrap !important;
flex-direction: row !important;
}
.body-wrapper.on > .discovery-stream.ds-layout {
flex-basis: 100%;
@ -433,7 +445,7 @@
}
}
/** Activity Stream - Home Search Bar looks like proton *********************/
@supports -moz-bool-pref("userContent.newTab.searchbar") {
@media -moz-pref("userContent.newTab.searchbar") {
/* Dropdown Colors */
#root {
--newtab-search-background-color: rgba(255, 255, 255, 1); /* Same as light theme's --panel-background */
@ -511,7 +523,7 @@
}
}
/** Activity Stream - Hide Firefox's logo ***********************************/
@supports -moz-bool-pref("userContent.newTab.hidden_logo") {
@media -moz-pref("userContent.newTab.hidden_logo") {
.logo-and-wordmark {
display: none !important;
}
@ -520,7 +532,7 @@
}
}
/** Activity Stream - Custom background image *******************************/
@supports -moz-bool-pref("userContent.newTab.background_image") {
@media -moz-pref("userContent.newTab.background_image") {
body::before {
content: "";
position: fixed;
@ -541,7 +553,7 @@
}
}
/** Error Page - Restore illustrations ****************************************/
@supports -moz-bool-pref("userContent.page.illustration") {
@media -moz-pref("userContent.page.illustration") {
@-moz-document url-prefix("about:neterror"), url-prefix("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"), url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml")
{
/* Illustrations Position */
@ -648,7 +660,7 @@
}
/** Fully Dark Mode ***********************************************************/
/*= Fully Dark Mode - Dark Mode Colors =======================================*/
@supports -moz-bool-pref("userContent.page.proton_color") {
@media -moz-pref("userContent.page.proton_color") {
@-moz-document url-prefix("about:"), url-prefix("chrome://"), url-prefix("https://addons.mozilla.org"), url-prefix("https://support.mozilla.org"), url-prefix("https://accounts.firefox.com"), url-prefix("view-source"), regexp("^((jar:)?file:///).*/$")
{
/*= Default Colors - Hard Coded ==============================================*/
@ -835,7 +847,7 @@
--menu-icon-opacity: var(--dark-menu-icon-opacity);
}
}
@supports -moz-bool-pref("userChrome.theme.non_native_menu") {
@media -moz-pref("userChrome.theme.non_native_menu") {
@media (-moz-gtk-csd-available) {
:root {
/* Override some menu color variables for light browser themes. */
@ -869,7 +881,15 @@
}
}
}
@supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") {
@media -moz-pref("userContent.page.proton_color.dark_blue_accent") or -moz-pref("userContent.page.proton_color.system_accent") {
:root,
:host(.anonymous-content-host) {
--color-accent-primary: var(--in-content-primary-button-background) !important;
--color-accent-primary-hover: var(--in-content-primary-button-background-hover) !important;
--color-accent-primary-active: light-dark(var(--color-blue-70), var(--color-cyan-20));
}
}
@media -moz-pref("userContent.page.proton_color.dark_blue_accent") {
@media (prefers-color-scheme: dark) {
:host,
:root {
@ -925,7 +945,7 @@
}
}
}
@supports -moz-bool-pref("userContent.page.proton_color.system_accent") {
@media -moz-pref("userContent.page.proton_color.system_accent") {
:host,
:root {
--in-content-primary-button-text-color: AccentColorText !important;
@ -933,7 +953,7 @@
--in-content-primary-button-background-hover: color-mix(in srgb, black 10%, AccentColor) !important;
--in-content-primary-button-background-active: color-mix(in srgb, black 20%, AccentColor) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
:host,
:root {
--in-content-primary-button-text-color: HighlightText !important;
@ -945,7 +965,7 @@
}
}
}
@supports -moz-bool-pref("userContent.page.dark_mode") {
@media -moz-pref("userContent.page.dark_mode") {
@media (prefers-color-scheme: dark) {
/*= Addons.org =============================================================*/
@-moz-document url-prefix("https://addons.mozilla.org")
@ -1827,7 +1847,7 @@
box-shadow: 0 0 0 3px color-mix(in srgb, var(--in-content-primary-button-background-hover) 80%, transparent) !important;
}
}
@supports -moz-bool-pref("userContent.page.dark_mode.pdf") {
@media -moz-pref("userContent.page.dark_mode.pdf") {
@-moz-document unobservable-document() {
@-moz-document regexp("^(?!.*\\.pdf\\?n).*") {
#outerContainer {
@ -1847,7 +1867,7 @@
}
}
/** Fully Proton Mode *********************************************************/
@supports -moz-bool-pref("userContent.page.proton") {
@media -moz-pref("userContent.page.proton") {
/*= Common contents ==========================================================*/ /*= abouts' common ===========================================================*/
@-moz-document url-prefix("about:"), url-prefix("chrome://pippki/content/"), url-prefix("chrome://browser/content/")
{
@ -1918,7 +1938,7 @@
/* Ensure font-size isn't overridden by widget styling (e.g. in forms.css) */
font-size: 1em !important;
}
@supports -moz-bool-pref("userChrome.rounding.square_button") {
@media -moz-pref("userChrome.rounding.square_button") {
button,
select,
input[type="color"] {
@ -1998,7 +2018,7 @@
margin-inline: 0 6px !important;
flex-shrink: 0 !important; /* avoid shrinking inside flex container */
}
@supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
@media -moz-pref("userChrome.rounding.square_checklabel") {
input[type="checkbox"] {
border-radius: 0 !important;
}
@ -2092,7 +2112,7 @@
}
}
/*= Field Border =============================================================*/
@supports -moz-bool-pref("userContent.page.field_border") {
@media -moz-pref("userContent.page.field_border") {
@media (prefers-reduced-motion: no-preference) {
@-moz-document url-prefix("about:") {
html|input:is(
@ -2251,14 +2271,31 @@
background-color: var(--in-content-box-background-odd);
}
}
@-moz-document url-prefix("about:preferences") {
.privacy-extra-information > .custom-option:not(:first-child) {
margin-block: 2px !important; /* Original: 10px */
}
.extra-information-label:not(:first-child) {
margin-top: 4px !important; /* Original: 19px */
}
}
/*= about:processes ==========================================================*/
@-moz-document url-prefix("about:processes") {
@-moz-document url-prefix("about:processes"), url-prefix("about:performance") {
td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");']
{
background-image: url("../icons/link.svg") !important;
}
.profiler-icon {
background: url("../icons/performance.svg") no-repeat center !important;
cursor: pointer;
background-image: url("../icons/performance.svg") !important;
background-repeat: no-repeat !important;
background-position: center !important;
color: inherit !important;
}
@media not -moz-pref("userChrome.rounding.square_button") {
.profiler-icon {
border-radius: 8px !important;
}
}
}
@-moz-document url-prefix("about:profiling") {
@ -2266,11 +2303,30 @@
background-image: url("../icons/performance.svg") !important;
}
}
/*= about:processes ==========================================================*/
@-moz-document url-prefix("about:support") {
#reset-box-button {
--in-content-focus-outline-color: var(--in-content-danger-button-background) !important;
background-color: var(--in-content-danger-button-background) !important;
color: var(--in-content-primary-button-text-color) !important;
border-color: var(--in-content-primary-button-border-color) !important;
}
#reset-box-button:enabled:hover {
background-color: var(--in-content-danger-button-background-hover) !important;
color: var(--in-content-primary-button-text-color-hover) !important;
border-color: var(--in-content-primary-button-border-hover) !important;
}
#reset-box-button:enabled:hover:active {
background-color: var(--in-content-danger-button-background-active) !important;
color: var(--in-content-primary-button-text-color-active) !important;
border-color: var(--in-content-primary-button-border-active) !important;
}
}
/*= chrome://browser/content/places/places.xhtml =============================*/
@-moz-document url("chrome://browser/content/places/places.xhtml")
{
/** Library - Icons Replace *************************************************/
@supports -moz-bool-pref("userChrome.icon.library") {
@media -moz-pref("userChrome.icon.library") {
/*= Standard Folder - More Visible ===========================================*/
/* on Toolbar and Menus */
:-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu)
@ -2449,7 +2505,7 @@
background-position: right center;
}
/*= Proton ===============================================================*/
@supports -moz-bool-pref("userContent.page.proton") {
@media -moz-pref("userContent.page.proton") {
:root {
--organizer-color: -moz-DialogText;
--organizer-deemphasized-color: GrayText;
@ -2524,7 +2580,7 @@
padding: 5px !important;
border-radius: 4px !important;
}
@supports -moz-bool-pref("userChrome.rounding.square_button") {
@media -moz-pref("userChrome.rounding.square_button") {
#placesToolbar > toolbarbutton {
border-radius: 0 !important;
}
@ -2541,7 +2597,7 @@
}
#placesToolbar > toolbarbutton > .toolbarbutton-icon,
#placesMenu > menu > image,
#placesMenu > menu > .menubar-text {
#placesMenu > menu > :is(.menubar-text, .menu-text) {
-moz-context-properties: fill !important;
fill: currentColor !important;
}
@ -2556,7 +2612,7 @@
border-radius: 4px !important;
margin-inline-end: 2px !important;
}
@supports -moz-bool-pref("userChrome.rounding.square_button") {
@media -moz-pref("userChrome.rounding.square_button") {
#placesMenu > menu {
border-radius: 0 !important;
}
@ -2571,7 +2627,7 @@
background-color: var(--organizer-selected-background) !important;
color: var(--organizer-selected-color) !important;
}
#placesMenu > menu > .menubar-text {
#placesMenu > menu > :is(.menubar-text, .menu-text) {
margin-block: 0 !important; /* override menu.css */
padding-inline-end: 4px !important;
}
@ -2587,7 +2643,7 @@
padding-block: 2px !important;
min-height: 24px !important;
}
@supports -moz-bool-pref("userChrome.rounding.square_field") {
@media -moz-pref("userChrome.rounding.square_field") {
#searchFilter,
#detailsPane html|input {
border-radius: 0 !important;
@ -2734,7 +2790,7 @@
-moz-context-properties: fill !important;
fill: currentColor !important;
}
@supports -moz-bool-pref("userChrome.rounding.square_button") {
@media -moz-pref("userChrome.rounding.square_button") {
#editBookmarkPanelRows .expander-up,
#editBookmarkPanelRows .expander-down {
border-radius: 0 !important;
@ -2773,7 +2829,7 @@
min-height: 20px !important;
padding-inline: 4px !important;
}
@supports -moz-bool-pref("userChrome.rounding.square_field") {
@media -moz-pref("userChrome.rounding.square_field") {
#places input {
border-radius: 0 !important;
}
@ -2796,7 +2852,7 @@
border: 1px solid var(--organizer-border-color) !important;
border-radius: 4px !important;
}
@supports -moz-bool-pref("userChrome.rounding.square_field") {
@media -moz-pref("userChrome.rounding.square_field") {
#editBMPanel_tagsSelectorRow > richlistbox {
border-radius: 0 !important;
}
@ -2835,7 +2891,7 @@
fill: currentColor !important;
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */
color-adjust: exact !important;
@ -2897,7 +2953,7 @@
color: var(--checkbox-checked-color, AccentColorText) !important;
background-color: var(--checkbox-checked-bgcolor, AccentColor) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] > .menu-iconic-icon {
color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important;
@ -2909,7 +2965,7 @@
color-mix(in srgb, AccentColor 4%, Field)
) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left > .menu-iconic-icon {
background-color: var(
--checkbox-unchecked-hover-bgcolor,
@ -2923,7 +2979,7 @@
color-mix(in srgb, AccentColor 8%, Field)
) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
menuitem[type="checkbox"]:not([disabled="true"]):hover:active > .menu-iconic-left > .menu-iconic-icon {
background-color: var(
--checkbox-unchecked-active-bgcolor,
@ -2937,7 +2993,7 @@
color-mix(in srgb, currentColor 12.5%, AccentColor)
) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
menuitem[type="checkbox"]:not([disabled="true"]):hover
> .menu-iconic-left[checked="true"]
> .menu-iconic-icon {
@ -2955,7 +3011,7 @@
color-mix(in srgb, currentColor 25%, AccentColor)
) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
menuitem[type="checkbox"]:not([disabled="true"]):hover:active
> .menu-iconic-left[checked="true"]
> .menu-iconic-icon {
@ -2969,7 +3025,7 @@
outline: 2px solid var(--focus-outline-color, AccentColor) !important;
outline-offset: var(--focus-outline-offset, 2px) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
menuitem[type="checkbox"]:focus > .menu-iconic-left > .menu-iconic-icon {
outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
}
@ -2979,7 +3035,7 @@
/* color will set the border-color on the check due to how HCM works for in-content pages. */
color: var(--checkbox-checked-border-color, color-mix(in srgb, AccentColor 4%, Field)) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
menuitem[type="checkbox"]:not([disabled="true"]) > .menu-iconic-left > .menu-iconic-icon {
/* color will set the border-color on the check due to how HCM works for in-content pages. */
color: var(--checkbox-checked-border-color, color-mix(in srgb, -moz-accent-color 4%, Field)) !important;
@ -2989,7 +3045,7 @@
color: var(--checkbox-checked-border-color, currentColor) !important;
fill: var(--checkbox-checked-color, AccentColorText) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] {
fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
}
@ -3003,7 +3059,7 @@
color: var(--checkbox-checked-border-color-hover, AccentColorText) !important;
fill: var(--checkbox-checked-border-color-hover, AccentColorText) !important;
}
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
@media -moz-pref("userChrome.compatibility.accent_color") {
menuitem[type="checkbox"]:not([disabled="true"]):hover:active
> .menu-iconic-left[checked="true"]
> .menu-iconic-icon,
@ -3036,7 +3092,7 @@
}
}
/** Rounding ******************************************************************/
@supports -moz-bool-pref("userChrome.rounding.square_button") {
@media -moz-pref("userChrome.rounding.square_button") {
.all-buttons-container,
.highlight-buttons > button,
.cancel-shot,
@ -3086,14 +3142,14 @@
}
}
}
@supports -moz-bool-pref("userChrome.rounding.square_dialog") {
@media -moz-pref("userChrome.rounding.square_dialog") {
@-moz-document url("about:home"), url("about:newtab") {
.modal {
border-radius: 0 !important;
}
}
}
@supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
@media -moz-pref("userChrome.rounding.square_checklabel") {
@-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
{
input[type="checkbox"]:not(.toggle-button),
@ -3102,7 +3158,7 @@
}
}
}
@supports -moz-bool-pref("userChrome.rounding.square_field") {
@media -moz-pref("userChrome.rounding.square_field") {
@-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
{
input:is(
@ -3146,7 +3202,7 @@
}
}
}
@supports -moz-bool-pref("userChrome.rounding.square_menupopup") {
@media -moz-pref("userChrome.rounding.square_menupopup") {
@-moz-document url-prefix("about:"), url-prefix("chrome://")
{
panel,
@ -3176,7 +3232,7 @@
}
}
}
@supports -moz-bool-pref("userChrome.rounding.square_infobox") {
@media -moz-pref("userChrome.rounding.square_infobox") {
@-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
{
/*
@ -3208,7 +3264,7 @@
}
}
@-moz-document url-prefix("about:"), regexp(".*.pdf$") {
@supports -moz-bool-pref("userChrome.rounding.square_dialog") {
@media -moz-pref("userChrome.rounding.square_dialog") {
dialog,
.dialogBox {
border-radius: 0 !important;
@ -3218,7 +3274,7 @@
@-moz-document url("chrome://browser/content/places/places.xhtml")
{
/*= Library ==============================================================*/
@supports -moz-bool-pref("userChrome.rounding.square_button") {
@media -moz-pref("userChrome.rounding.square_button") {
#placesToolbar > toolbarbutton,
#placesMenu > menu,
#editBookmarkPanelRows .expander-up,
@ -3226,7 +3282,7 @@
border-radius: 0 !important;
}
}
@supports -moz-bool-pref("userChrome.rounding.square_field") {
@media -moz-pref("userChrome.rounding.square_field") {
#searchFilter,
#detailsPane html|input,
#places input #editBMPanel_tagsSelectorRow > richlistbox {
@ -3235,7 +3291,7 @@
}
}
/** Monospace *****************************************************************/
@supports -moz-bool-pref("userContent.page.monospace") {
@media -moz-pref("userContent.page.monospace") {
@-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$")
{
* {
@ -3244,22 +3300,27 @@
}
}
/** Menu - Icons Layout *******************************************************/
@supports not -moz-bool-pref("userChrome.icon.disabled") {
@supports -moz-bool-pref("userChrome.icon.menu") {
@media not -moz-pref("userChrome.icon.disabled") {
@media -moz-pref("userChrome.icon.menu") {
@-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$")
{
:root {
--uc-folder-icon: url("chrome://global/skin/icons/folder.svg");
}
@supports -moz-bool-pref("userChrome.icon.library") {
@media -moz-pref("userChrome.icon.library") {
:root {
--uc-folder-icon: url("../icons/folder.svg");
}
}
}
@-moz-document url("chrome://browser/content/places/places.xhtml"), url("about:downloads")
{
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]),
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon {
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon,
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon {
-moz-appearance: none !important; /* Linux: menulist */
}
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
@ -3279,7 +3340,7 @@
background-image: var(--menuitem-image);
}
/* For native context menus */
@supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") {
@media -moz-pref("widget.macos.native-context-menus") or -moz-pref("widget.gtk.native-context-menus") {
:not(menu, #ContentSelectDropdown)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
@ -3332,7 +3393,7 @@
}
}
@media (-moz-platform: windows), (-moz-gtk-csd-available) {
@supports -moz-bool-pref("userChrome.theme.non_native_menu") {
@media -moz-pref("userChrome.theme.non_native_menu") {
@media (-moz-platform: windows) and (-moz-gtk-csd-available),
(-moz-gtk-csd-available) and (-moz-gtk-csd-available) {
:root {
@ -3375,6 +3436,12 @@
--context-menu-background-padding-default: 6px;
--context-menu-text-padding: 21px;
}
.menu-icon {
display: unset !important;
}
#main-menubar > menu > .menu-icon {
display: none !important;
}
/* Contextmenu Checkbox Unset */
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[type="checkbox"] {
margin-inline: 0 !important;
@ -3382,19 +3449,25 @@
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]
> .menu-iconic-left
> .menu-iconic-icon {
> .menu-iconic-icon,
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]
> .menu-icon {
margin-inline-end: 0 !important;
}
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]:not([checked="true"])
> .menu-iconic-left
> .menu-iconic-icon {
> .menu-iconic-icon,
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]:not([checked="true"])
> .menu-icon {
border: none !important;
background-color: unset !important;
}
}
/* Padding - Mac */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
@media -moz-pref("layout.css.osx-font-smoothing.enabled") {
:root {
--context-menu-background-padding-default: 10px;
--context-menu-mac-padding: 21px;
@ -3424,7 +3497,7 @@
}
}
/*= Context Menu ===========================================================*/
@supports -moz-bool-pref("userChrome.icon.context_menu") {
@media -moz-pref("userChrome.icon.context_menu") {
/* Icon lists */
/*= downloadsContextMenu =====================================================*/
.downloadPauseMenuItem {
@ -3493,7 +3566,7 @@
#placesContext_show_bookmark\:info,
#placesContext_show\:info,
#placesContext_show_folder\:info {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
#placesContext_deleteBookmark,
#placesContext_deleteFolder,
@ -3543,7 +3616,7 @@
--menuitem-image: url("../icons/movetowindow-16.svg");
}
}
@supports -moz-bool-pref("userChrome.icon.global_menu") {
@media -moz-pref("userChrome.icon.global_menu") {
/*= organizeButtonPopup ======================================================*/
#newbookmark {
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
@ -3557,7 +3630,7 @@
#orgUndo {
--menuitem-image: url("../icons/undo.svg");
}
@supports -moz-bool-pref("userChrome.icon.menu.full") {
@media -moz-pref("userChrome.icon.menu.full") {
#orgRedo {
--menuitem-image: url("../icons/redo.svg");
}
@ -3591,7 +3664,7 @@
#backupBookmarks {
--menuitem-image: url("../icons/datastore.svg");
}
@supports -moz-bool-pref("userChrome.icon.menu.full") {
@media -moz-pref("userChrome.icon.menu.full") {
#fileRestoreMenu {
--menuitem-image: url("../icons/datarestore.svg");
}
@ -3608,8 +3681,8 @@
}
}
@-moz-document url-prefix("about:addons") {
@supports -moz-bool-pref("userChrome.icon.context_menu") {
button[role="menuitem"] {
@media -moz-pref("userChrome.icon.context_menu") {
button:is([role="menuitem"], [role="menuitemcheckbox"]) {
background-image: var(--icon, url("../icons/blank.svg")); /* Don't use !important. because of [checked] */
}
panel-item[action="check-for-updates"] {
@ -3638,7 +3711,7 @@
}
}
@-moz-document url-prefix("about:logins") {
@supports -moz-bool-pref("userChrome.icon.context_menu") {
@media -moz-pref("userChrome.icon.context_menu") {
.menuitem-export {
background-image: url("../icons/toolbarButton-download.svg") !important;
}
@ -3649,7 +3722,7 @@
/** Download Panel ************************************************************/
@-moz-document url-prefix("about:downloads") {
@media (prefers-reduced-motion: no-preference) {
@supports -moz-bool-pref("userChrome.decoration.download_panel") {
@media -moz-pref("userChrome.decoration.download_panel") {
/* Accent Color for downloaded item */
#downloadsListBox .download-state[exists] .downloadDetails {
color: var(--button-primary-bgcolor);
@ -3670,8 +3743,7 @@
}
}
}
}
/*@ NIGHTLY @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
} /*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/** Compatibility *************************************************************/
@-moz-document url-prefix("about:preferences") {
.content-blocking-warning.info-box-container > hbox > .content-blocking-warning-image {
@ -3714,6 +3786,9 @@
box-sizing: content-box;
padding: 0 !important;
}
button[data-l10n-id="addon-updates-manual-updates-found"] {
height: 100%;
}
#categories {
padding-inline-end: 1px !important; /* Original: 4px */
}
@ -3993,7 +4068,7 @@
--menuitem-image: url("../icons/unpin-tab.svg");
}
.context-menu-item span[data-l10n-id="newtab-menu-edit-topsites"] {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
.context-menu-item span[data-l10n-id="newtab-menu-bookmark"] {
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
@ -4038,7 +4113,12 @@
}
/** Activity Stream - Web Site Icon: full size ******************************/
@media (-moz-bool-pref: "userContent.newTab.full_icon") {
.top-site-outer {
width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */
}
.top-site-outer .tile {
width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
overflow: hidden;
}
.top-site-outer .icon-wrapper {
@ -4051,6 +4131,9 @@
}
.top-site-outer .context-menu-button {
top: 0px !important; /* Original: -20px */
right: 0px !important;
width: 22px !important;
height: 22px !important;
}
.top-site-outer .context-menu {
top: 16.75px !important; /* Original: 6.75px */
@ -4093,12 +4176,12 @@
border-color: var(--newtab-primary-action-background) !important;
transition: border-color 0.5s var(--animation-easing-function);
}
}
/** Activity Stream - Pocket order to last **********************************/
} /** Activity Stream - Pocket order to last **********************************/
@media (-moz-bool-pref: "userContent.newTab.pocket_to_last") {
.body-wrapper.on {
display: flex;
flex-wrap: wrap;
flex-wrap: wrap !important;
flex-direction: row !important;
}
.body-wrapper.on > .discovery-stream.ds-layout {
flex-basis: 100%;
@ -4559,6 +4642,15 @@
--menu-icon-opacity: var(--dark-menu-icon-opacity);
}
}
@media (-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userContent.page.proton_color.dark_blue_accent"),
(-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userContent.page.proton_color.system_accent") {
:root,
:host(.anonymous-content-host) {
--color-accent-primary: var(--in-content-primary-button-background) !important;
--color-accent-primary-hover: var(--in-content-primary-button-background-hover) !important;
--color-accent-primary-active: light-dark(var(--color-blue-70), var(--color-cyan-20));
}
}
@media (-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userContent.page.proton_color.dark_blue_accent") and (prefers-color-scheme: dark) {
:host,
:root {
@ -5786,6 +5878,7 @@
/*= about:memory =============================================================*/
/*= about:preferences ========================================================*/
/*= about:processes ==========================================================*/
/*= about:processes ==========================================================*/
/*= chrome://browser/content/places/places.xhtml =============================*/
}
@media (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userContent.page.field_border") and (prefers-reduced-motion: no-preference) {
@ -5950,13 +6043,32 @@
}
}
@media (-moz-bool-pref: "userContent.page.proton") {
@-moz-document url-prefix("about:processes") {
@-moz-document url-prefix("about:preferences") {
.privacy-extra-information > .custom-option:not(:first-child) {
margin-block: 2px !important; /* Original: 10px */
}
.extra-information-label:not(:first-child) {
margin-top: 4px !important; /* Original: 19px */
}
}
}
@media (-moz-bool-pref: "userContent.page.proton") {
@-moz-document url-prefix("about:processes"), url-prefix("about:performance") {
td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");']
{
background-image: url("../icons/link.svg") !important;
}
.profiler-icon {
background: url("../icons/performance.svg") no-repeat center !important;
cursor: pointer;
background-image: url("../icons/performance.svg") !important;
background-repeat: no-repeat !important;
background-position: center !important;
color: inherit !important;
}
@media (-moz-bool-pref: "userContent.page.proton") and (not (-moz-bool-pref: "userChrome.rounding.square_button")) {
.profiler-icon {
border-radius: 8px !important;
}
}
}
}
@ -5967,6 +6079,26 @@
}
}
}
@media (-moz-bool-pref: "userContent.page.proton") {
@-moz-document url-prefix("about:support") {
#reset-box-button {
--in-content-focus-outline-color: var(--in-content-danger-button-background) !important;
background-color: var(--in-content-danger-button-background) !important;
color: var(--in-content-primary-button-text-color) !important;
border-color: var(--in-content-primary-button-border-color) !important;
}
#reset-box-button:enabled:hover {
background-color: var(--in-content-danger-button-background-hover) !important;
color: var(--in-content-primary-button-text-color-hover) !important;
border-color: var(--in-content-primary-button-border-hover) !important;
}
#reset-box-button:enabled:hover:active {
background-color: var(--in-content-danger-button-background-active) !important;
color: var(--in-content-primary-button-text-color-active) !important;
border-color: var(--in-content-primary-button-border-active) !important;
}
}
}
@media (-moz-bool-pref: "userContent.page.proton") {
@-moz-document url("chrome://browser/content/places/places.xhtml")
{
@ -6259,7 +6391,7 @@
@media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") {
#placesToolbar > toolbarbutton > .toolbarbutton-icon,
#placesMenu > menu > image,
#placesMenu > menu > .menubar-text {
#placesMenu > menu > :is(.menubar-text, .menu-text) {
-moz-context-properties: fill !important;
fill: currentColor !important;
}
@ -6297,7 +6429,7 @@
}
}
@media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") {
#placesMenu > menu > .menubar-text {
#placesMenu > menu > :is(.menubar-text, .menu-text) {
margin-block: 0 !important; /* override menu.css */
padding-inline-end: 4px !important;
}
@ -6611,7 +6743,7 @@
fill: currentColor !important;
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */
color-adjust: exact !important;
@ -7031,22 +7163,25 @@
}
/** Menu - Icons Layout *******************************************************/
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") {
@-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$")
{
:root {
--uc-folder-icon: url("chrome://global/skin/icons/folder.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") {
:root {
--uc-folder-icon: url("../icons/folder.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") {
}
@-moz-document url("chrome://browser/content/places/places.xhtml"), url("about:downloads")
{
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]),
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon {
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon,
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon {
-moz-appearance: none !important; /* Linux: menulist */
}
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
@ -7158,6 +7293,12 @@
--context-menu-background-padding-default: 6px;
--context-menu-text-padding: 21px;
}
.menu-icon {
display: unset !important;
}
#main-menubar > menu > .menu-icon {
display: none !important;
}
/* Contextmenu Checkbox Unset */
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[type="checkbox"] {
margin-inline: 0 !important;
@ -7165,13 +7306,19 @@
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]
> .menu-iconic-left
> .menu-iconic-icon {
> .menu-iconic-icon,
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]
> .menu-icon {
margin-inline-end: 0 !important;
}
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]:not([checked="true"])
> .menu-iconic-left
> .menu-iconic-icon {
> .menu-iconic-icon,
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]:not([checked="true"])
> .menu-icon {
border: none !important;
background-color: unset !important;
}
@ -7274,7 +7421,7 @@
#placesContext_show_bookmark\:info,
#placesContext_show\:info,
#placesContext_show_folder\:info {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
#placesContext_deleteBookmark,
#placesContext_deleteFolder,
@ -7412,11 +7559,9 @@
}
}
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") {
@-moz-document url-prefix("about:addons") {
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") {
button[role="menuitem"] {
button:is([role="menuitem"], [role="menuitemcheckbox"]) {
background-image: var(--icon, url("../icons/blank.svg")); /* Don't use !important. because of [checked] */
}
panel-item[action="check-for-updates"] {
@ -7444,8 +7589,6 @@
}
}
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") {
@-moz-document url-prefix("about:logins") {
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") {
.menuitem-export {

View file

@ -42,6 +42,9 @@
box-sizing: content-box;
padding: 0 !important;
}
button[data-l10n-id="addon-updates-manual-updates-found"] {
height: 100%;
}
#categories {
padding-inline-end: 1px !important; /* Original: 4px */
}
@ -321,7 +324,7 @@
--menuitem-image: url("../icons/unpin-tab.svg");
}
.context-menu-item span[data-l10n-id="newtab-menu-edit-topsites"] {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
.context-menu-item span[data-l10n-id="newtab-menu-bookmark"] {
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
@ -358,7 +361,12 @@
}
/** Activity Stream - Web Site Icon: full size ******************************/
@supports -moz-bool-pref("userContent.newTab.full_icon") {
.top-site-outer {
width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */
}
.top-site-outer .tile {
width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
overflow: hidden;
}
.top-site-outer .icon-wrapper {
@ -371,6 +379,9 @@
}
.top-site-outer .context-menu-button {
top: 0px !important; /* Original: -20px */
right: 0px !important;
width: 22px !important;
height: 22px !important;
}
.top-site-outer .context-menu {
top: 16.75px !important; /* Original: 6.75px */
@ -420,7 +431,8 @@
@supports -moz-bool-pref("userContent.newTab.pocket_to_last") {
.body-wrapper.on {
display: flex;
flex-wrap: wrap;
flex-wrap: wrap !important;
flex-direction: row !important;
}
.body-wrapper.on > .discovery-stream.ds-layout {
flex-basis: 100%;
@ -871,6 +883,14 @@
}
}
}
@supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") or -moz-bool-pref("userContent.page.proton_color.system_accent") {
:root,
:host(.anonymous-content-host) {
--color-accent-primary: var(--in-content-primary-button-background) !important;
--color-accent-primary-hover: var(--in-content-primary-button-background-hover) !important;
--color-accent-primary-active: light-dark(var(--color-blue-70), var(--color-cyan-20));
}
}
@supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") {
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
:host,
@ -2254,14 +2274,31 @@
background-color: var(--in-content-box-background-odd);
}
}
@-moz-document url-prefix("about:preferences") {
.privacy-extra-information > .custom-option:not(:first-child) {
margin-block: 2px !important; /* Original: 10px */
}
.extra-information-label:not(:first-child) {
margin-top: 4px !important; /* Original: 19px */
}
}
/*= about:processes ==========================================================*/
@-moz-document url-prefix("about:processes") {
@-moz-document url-prefix("about:processes"), url-prefix("about:performance") {
td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");']
{
background-image: url("../icons/link.svg") !important;
}
.profiler-icon {
background: url("../icons/performance.svg") no-repeat center !important;
cursor: pointer;
background-image: url("../icons/performance.svg") !important;
background-repeat: no-repeat !important;
background-position: center !important;
color: inherit !important;
}
@supports not -moz-bool-pref("userChrome.rounding.square_button") {
.profiler-icon {
border-radius: 8px !important;
}
}
}
@-moz-document url-prefix("about:profiling") {
@ -2269,6 +2306,25 @@
background-image: url("../icons/performance.svg") !important;
}
}
/*= about:processes ==========================================================*/
@-moz-document url-prefix("about:support") {
#reset-box-button {
--in-content-focus-outline-color: var(--in-content-danger-button-background) !important;
background-color: var(--in-content-danger-button-background) !important;
color: var(--in-content-primary-button-text-color) !important;
border-color: var(--in-content-primary-button-border-color) !important;
}
#reset-box-button:enabled:hover {
background-color: var(--in-content-danger-button-background-hover) !important;
color: var(--in-content-primary-button-text-color-hover) !important;
border-color: var(--in-content-primary-button-border-hover) !important;
}
#reset-box-button:enabled:hover:active {
background-color: var(--in-content-danger-button-background-active) !important;
color: var(--in-content-primary-button-text-color-active) !important;
border-color: var(--in-content-primary-button-border-active) !important;
}
}
/*= chrome://browser/content/places/places.xhtml =============================*/
@-moz-document url("chrome://browser/content/places/places.xhtml")
{
@ -2544,7 +2600,7 @@
}
#placesToolbar > toolbarbutton > .toolbarbutton-icon,
#placesMenu > menu > image,
#placesMenu > menu > .menubar-text {
#placesMenu > menu > :is(.menubar-text, .menu-text) {
-moz-context-properties: fill !important;
fill: currentColor !important;
}
@ -2574,7 +2630,7 @@
background-color: var(--organizer-selected-background) !important;
color: var(--organizer-selected-color) !important;
}
#placesMenu > menu > .menubar-text {
#placesMenu > menu > :is(.menubar-text, .menu-text) {
margin-block: 0 !important; /* override menu.css */
padding-inline-end: 4px !important;
}
@ -2838,7 +2894,7 @@
fill: currentColor !important;
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */
color-adjust: exact !important;
@ -3249,6 +3305,8 @@
/** Menu - Icons Layout *******************************************************/
@supports not -moz-bool-pref("userChrome.icon.disabled") {
@supports -moz-bool-pref("userChrome.icon.menu") {
@-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$")
{
:root {
--uc-folder-icon: url("chrome://global/skin/icons/folder.svg");
}
@ -3257,12 +3315,15 @@
--uc-folder-icon: url("../icons/folder.svg");
}
}
}
@-moz-document url("chrome://browser/content/places/places.xhtml"), url("about:downloads")
{
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]),
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon {
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon,
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon {
-moz-appearance: none !important; /* Linux: menulist */
}
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
@ -3514,6 +3575,12 @@
--context-menu-background-padding-default: 6px;
--context-menu-text-padding: 21px;
}
.menu-icon {
display: unset !important;
}
#main-menubar > menu > .menu-icon {
display: none !important;
}
/* Contextmenu Checkbox Unset */
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[type="checkbox"] {
margin-inline: 0 !important;
@ -3521,13 +3588,19 @@
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]
> .menu-iconic-left
> .menu-iconic-icon {
> .menu-iconic-icon,
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]
> .menu-icon {
margin-inline-end: 0 !important;
}
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]:not([checked="true"])
> .menu-iconic-left
> .menu-iconic-icon {
> .menu-iconic-icon,
menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu)
menuitem[type="checkbox"]:not([checked="true"])
> .menu-icon {
border: none !important;
background-color: unset !important;
}
@ -3632,7 +3705,7 @@
#placesContext_show_bookmark\:info,
#placesContext_show\:info,
#placesContext_show_folder\:info {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
#placesContext_deleteBookmark,
#placesContext_deleteFolder,
@ -3748,7 +3821,7 @@
}
@-moz-document url-prefix("about:addons") {
@supports -moz-bool-pref("userChrome.icon.context_menu") {
button[role="menuitem"] {
button:is([role="menuitem"], [role="menuitemcheckbox"]) {
background-image: var(--icon, url("../icons/blank.svg")); /* Don't use !important. because of [checked] */
}
panel-item[action="check-for-updates"] {

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5 1a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1h-13Zm0 7a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1h-13Zm8 6a1.5 1.5 0 0 0 1.5-1.5v-1A1.5 1.5 0 0 0 9.5 10h-3A1.5 1.5 0 0 0 5 11.5v1A1.5 1.5 0 0 0 6.5 14h3Zm.5-1.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v1ZM11.5 7A1.5 1.5 0 0 0 13 5.5v-1A1.5 1.5 0 0 0 11.5 3h-7A1.5 1.5 0 0 0 3 4.5v1A1.5 1.5 0 0 0 4.5 7h7Zm.5-1.5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1Z"/>
</svg>

After

Width:  |  Height:  |  Size: 616 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M3.875 1.625a.75.75 0 0 0-.75.75v.75c0 .414.336.75.75.75h8.25a.75.75 0 0 0 .75-.75v-.75a.75.75 0 0 0-.75-.75zM2 2.375C2 1.339 2.84.5 3.875.5h8.25C13.161.5 14 1.34 14 2.375v.75C14 4.161 13.16 5 12.125 5h-8.25A1.875 1.875 0 0 1 2 3.125Zm1.875 4.5a.75.75 0 0 0-.75.75v.75c0 .414.336.75.75.75h8.25a.75.75 0 0 0 .75-.75v-.75a.75.75 0 0 0-.75-.75zM2 7.625c0-1.036.84-1.875 1.875-1.875h8.25c1.036 0 1.875.84 1.875 1.875v.75c0 1.036-.84 1.875-1.875 1.875h-8.25A1.875 1.875 0 0 1 2 8.375Zm1.125 5.25a.75.75 0 0 1 .75-.75h8.25a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-8.25a.75.75 0 0 1-.75-.75zM3.875 11C2.839 11 2 11.84 2 12.875v.75c0 1.036.84 1.875 1.875 1.875h8.25c1.036 0 1.875-.84 1.875-1.875v-.75C14 11.839 13.16 11 12.125 11Z" />
</svg>

After

Width:  |  Height:  |  Size: 889 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v2A1.5 1.5 0 0 0 1.5 7h2A1.5 1.5 0 0 0 5 5.5v-2A1.5 1.5 0 0 0 3.5 2ZM1 3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5ZM7.5 3a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1Zm0 2a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1Zm-6 4A1.5 1.5 0 0 0 0 10.5v2A1.5 1.5 0 0 0 1.5 14h2A1.5 1.5 0 0 0 5 12.5v-2A1.5 1.5 0 0 0 3.5 9ZM1 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5Zm6.5-.5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1Zm0 2a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1Z"/>
</svg>

After

Width:  |  Height:  |  Size: 666 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M11.927 7.826a.625.625 0 0 0 .03-.883l-3.5-3.74a.625.625 0 0 0-.913 0l-3.5 3.74a.625.625 0 1 0 .912.854l2.419-2.585v7.158a.625.625 0 0 0 1.25 0V5.213l2.419 2.584a.625.625 0 0 0 .883.03zM3 15.995c.345 0 .625-.28.625-.625 0-.207.168-.375.375-.375h8a.375.375 0 0 1 .375.375.625.625 0 1 0 1.25 0c0-.897-.727-1.625-1.625-1.625H4a1.625 1.625 0 0 0-1.625 1.625c0 .345.28.625.625.625zM13 .005a.625.625 0 0 0-.625.625.375.375 0 0 1-.375.375H4A.375.375 0 0 1 3.625.63a.625.625 0 1 0-1.25 0c0 .897.728 1.625 1.625 1.625h8c.898 0 1.625-.728 1.625-1.625A.625.625 0 0 0 13 .005z" clip-rule="evenodd"/>
</svg>

After

Width:  |  Height:  |  Size: 767 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M1.5 3a2 2 0 1 1 4 0c0 2.089-.745 4.925-1.183 6.405a.84.84 0 0 1-.816.595.842.842 0 0 1-.817-.597C2.246 7.915 1.5 5.065 1.5 3Zm2-3a3 3 0 0 0-3 3c0 2.227.789 5.204 1.225 6.685A1.842 1.842 0 0 0 3.5 11c.81 0 1.54-.518 1.775-1.31C5.712 8.213 6.5 5.25 6.5 3a3 3 0 0 0-3-3Zm-1 14a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm9-10.293V15.5a.5.5 0 0 1-1 0V1.707L9.354 3.854a.5.5 0 0 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708z"/>
</svg>

After

Width:  |  Height:  |  Size: 613 B

3
icons/chat-sparkle.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M10.246 4.663a2.068 2.068 0 0 0-.98-.694l-1.002-.326a.396.396 0 0 1 0-.746l1.002-.325a2.064 2.064 0 0 0 1.28-1.282l.008-.025.325-1.001a.396.396 0 0 1 .747 0l.326 1.001a2.062 2.062 0 0 0 1.307 1.307l1.002.325.02.005a.396.396 0 0 1 0 .746l-1.002.326a2.065 2.065 0 0 0-1.307 1.306l-.326 1.002a.396.396 0 0 1-.746 0l-.326-1.002a2.064 2.064 0 0 0-.328-.617Zm5.596 2.765-.557-.181a1.147 1.147 0 0 1-.726-.726l-.181-.556a.22.22 0 0 0-.415 0l-.18.556a1.146 1.146 0 0 1-.716.726l-.557.18a.22.22 0 0 0 0 .415l.557.181a1.147 1.147 0 0 1 .727.729l.18.556a.22.22 0 0 0 .415 0l.181-.556a1.147 1.147 0 0 1 .727-.726l.556-.181a.22.22 0 0 0 0-.414Zm-8.57-5.973c.697 0 1.37.097 2.007.28a1.28 1.28 0 0 1-.268.126l-.975.32a1.2 1.2 0 0 0-.524.369 6.182 6.182 0 0 0-5.64 9.186l.109.197-.81 2.897 2.9-.809.196.11a6.184 6.184 0 0 0 9.096-4.338.982.982 0 0 0 .244.25.938.938 0 0 0 .792.142A7.275 7.275 0 0 1 3.937 15.19l-2.783.776a.91.91 0 0 1-1.12-1.12l.777-2.78A7.273 7.273 0 0 1 7.273 1.454Z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

3
icons/code-text.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M.5 3a.5.5 0 0 0 0 1H6a.5.5 0 0 0 0-1Zm3 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1ZM2 9.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10a.5.5 0 0 1-.5-.5ZM.5 12a.5.5 0 0 0 0 1H9a.5.5 0 0 0 0-1Zm10-5.5A.5.5 0 0 1 11 6h3.5a.5.5 0 0 1 0 1H11a.5.5 0 0 1-.5-.5ZM8.5 3a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1Z"/>
</svg>

After

Width:  |  Height:  |  Size: 441 B

3
icons/edit-active.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5102 0.589672C11.2931 -0.193221 12.5579 -0.193221 13.3408 0.589672L15.4108 2.65967C16.1937 3.44257 16.1937 4.70744 15.4108 5.49033L5.12083 15.7803C4.98018 15.921 4.78941 16 4.5905 16H0.750501C0.336287 16 0.000500679 15.6642 0.000500679 15.25V11.41C0.000500679 11.2111 0.0795183 11.0203 0.220171 10.8797L10.5102 0.589672ZM12.2802 1.65033C12.0831 1.45323 11.7679 1.45323 11.5708 1.65033L10.2162 3.005L12.9955 5.78434L14.3502 4.42967C14.5473 4.23257 14.5473 3.91744 14.3502 3.72033L12.2802 1.65033ZM11.9348 6.845L4.27984 14.5H1.5005V11.7207L9.1555 4.06566L11.9348 6.845Z"/>
</svg>

After

Width:  |  Height:  |  Size: 771 B

1
icons/import.svg Normal file
View file

@ -0,0 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4 2.25h10a.75.75 0 0 1 .75.75v10a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75v-2H2v2a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v4.89h1.25V3A.75.75 0 0 1 4 2.25" clip-rule="evenodd"/><path fill-rule="evenodd" d="M.63 5.375c.345 0 .625.28.625.625v2.875h6.736L6.558 7.442a.625.625 0 1 1 .884-.884l2.5 2.5a.625.625 0 0 1 0 .884l-2.5 2.5a.625.625 0 1 1-.884-.884l1.433-1.433H.63A.625.625 0 0 1 .005 9.5V6c0-.345.28-.625.625-.625" clip-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 639 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M0 8a3 3 0 0 0 5.96.5H7.5v3A1.5 1.5 0 0 0 9 13h1.04a3.001 3.001 0 1 0 0-1H9a.5.5 0 0 1-.5-.5v-7A.5.5 0 0 1 9 4h1.04a3.001 3.001 0 1 0 0-1H9a1.5 1.5 0 0 0-1.5 1.5v3H5.96A3.001 3.001 0 0 0 0 8zm3 2.001a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm10 4.5a2 2 0 1 1 0-4.002 2 2 0 0 1 0 4.002zM11 3.5a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 470 B

3
icons/play-fill.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M2.992 13.303V2.698A1.447 1.447 0 0 1 5.157 1.44l9.28 5.303a1.447 1.447 0 0 1 0 2.512l-9.28 5.303a1.447 1.447 0 0 1-2.165-1.256Z"/>
</svg>

After

Width:  |  Height:  |  Size: 290 B

View file

@ -0,0 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 14.75a5.75 5.75 0 1 0 0-11.5 5.75 5.75 0 0 0 0 11.5M8 16A7 7 0 1 0 8 2a7 7 0 0 0 0 14" clip-rule="evenodd"/><path d="M9 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M11.442 5.558a.625.625 0 0 1 0 .884l-3 3a.625.625 0 1 1-.884-.884l3-3a.625.625 0 0 1 .884 0" clip-rule="evenodd"/><path d="M5 .625C5 .28 5.28 0 5.625 0h4.75a.625.625 0 1 1 0 1.25h-4.75A.625.625 0 0 1 5 .625"/></svg>

After

Width:  |  Height:  |  Size: 567 B

6
icons/radio.svg Normal file
View file

@ -0,0 +1,6 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity">
<circle cx="8" cy="8" r="4"/>
</svg>

After

Width:  |  Height:  |  Size: 391 B

View file

@ -1,9 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity" style="stroke-linecap:round;stroke-linejoin:round">
<clipPath id="a">
<path d="M.5 0h15v16H.5z"/>
</clipPath>
<g clip-path="url(#a)">
<path d="M14.875 2.667v4h-3.75M1.125 13.333v-4h3.75" style="fill:none;fill-rule:nonzero;stroke:context-fill;stroke-width:1.62px"/>
<path d="M2.694 6c.793-2.391 2.925-3.998 5.303-3.998 1.491 0 2.923.633 3.978 1.758l2.9 2.907M1.125 9.333l2.9 2.907c1.055 1.125 2.487 1.758 3.978 1.758 2.378 0 4.51-1.607 5.303-3.998" style="fill:none;fill-rule:nonzero;stroke:context-fill;stroke-width:1.62px"/>
</g>
</svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14.37 2.042c.345 0 .625.28.625.625V6.37c0 .345-.28.625-.625.625h-3.245a.625.625 0 1 1 0-1.25h2.62V2.667c0-.345.28-.625.625-.625M1.005 9.63c0-.345.28-.625.625-.625h3.245a.625.625 0 1 1 0 1.25h-2.62v3.078a.625.625 0 1 1-1.25 0z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M7.997 2.627c-2.088 0-3.995 1.414-4.71 3.57a.625.625 0 0 1-1.186-.394c.87-2.626 3.228-4.426 5.896-4.426 1.67 0 3.265.71 4.434 1.955l.005.005 2.395 2.61a.625.625 0 1 1-.921.846l-2.393-2.608c-.941-1.002-2.21-1.558-3.52-1.558m-6.79 6.542a.625.625 0 0 1 .884.038l2.392 2.608c.941 1.002 2.21 1.558 3.52 1.558 2.088 0 3.995-1.414 4.71-3.57a.625.625 0 1 1 1.186.394c-.87 2.626-3.228 4.426-5.896 4.426-1.67 0-3.265-.71-4.434-1.955l-.005-.005-2.395-2.61a.625.625 0 0 1 .038-.884" clip-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 697 B

After

Width:  |  Height:  |  Size: 945 B

Before After
Before After

View file

@ -0,0 +1,14 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg width="12" height="12" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#a)">
<path d="M4.998 3.567a.5.5 0 0 0-.748.434v3.998a.5.5 0 0 0 .748.434l3.5-1.999a.5.5 0 0 0 0-.868l-3.5-1.999z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6zm10.75 0A4.756 4.756 0 0 0 6 1.25 4.756 4.756 0 0 0 1.25 6 4.756 4.756 0 0 0 6 10.75 4.756 4.756 0 0 0 10.75 6z"/>
</g>
<defs>
<clipPath id="a">
<path d="M0 0h12v12H0z"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 778 B

View file

@ -0,0 +1,6 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12" fill-opacity="context-fill-opacity">
<path fill="context-fill" d="M6.8 5.5 4.5 3.3l.9-1.1c.4-.5 1.3-.2 1.3.5v2.8zm2 .5c0-1-.5-1.9-1.3-2.4v2.7l1 1c.2-.4.3-.9.3-1.3zM7.7 2.6c1.3.7 2 2 2 3.4 0 .7-.2 1.4-.5 2l.5.5c.5-.8.8-1.6.8-2.5 0-1.7-.9-3.3-2.4-4.1-.2-.1-.4 0-.5.2-.1.2-.1.4.1.5zm-5.1-.1c-.1-.1-.4-.1-.5 0-.1.1-.1.4 0 .5l1.1 1.1h-1c-.4 0-.8.3-.8.8v2.2c0 .4.3.8.8.8h1.5l1.7 2c.4.5 1.3.2 1.3-.5V7.7l1.4 1.4c-.1.1-.2.2-.4.3-.2.1-.2.3-.1.5.1.2.3.2.5.2.2-.1.4-.3.6-.5l.4.4c.1.1.4.1.5 0 .1-.1.1-.4 0-.5l-7-7z"/>
</svg>

After

Width:  |  Height:  |  Size: 809 B

View file

@ -0,0 +1,6 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12" fill="context-fill" fill-opacity="context-fill-opacity">
<path fill="context-fill" d="M6.7 2.6v6.8c0 .7-.9 1-1.3.5l-1.7-2H2.2c-.4 0-.7-.3-.7-.8V4.9c0-.4.3-.8.7-.8h1.5l1.7-2c.5-.5 1.3-.2 1.3.5zM8.8 6c0-1-.5-1.9-1.3-2.4v4.7C8.3 7.9 8.8 7 8.8 6zm-.7-4.1c-.2-.1-.4 0-.5.2-.1.2 0 .4.2.5 1.3.7 2 2 2 3.4 0 1.4-.8 2.8-2 3.4-.2.1-.3.2-.3.4 0 .2.2.4.4.4.1 0 .1 0 .2 0 1.5-.8 2.5-2.4 2.5-4.1-.1-1.8-1-3.4-2.5-4.2z"/>
</svg>

After

Width:  |  Height:  |  Size: 711 B

3
icons/tetris-app.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M5.25 0C4.56 0 4 .56 4 1.25v2.5a.25.25 0 0 1-.25.25h-2.5C.56 4 0 4.56 0 5.25v2.5C0 8.44.56 9 1.25 9h6.5C8.44 9 9 8.44 9 7.75v-2.5A.25.25 0 0 1 9.25 5h2.5C12.44 5 13 4.44 13 3.75v-2.5C13 .56 12.44 0 11.75 0Zm6.5 4H9V1h2.75a.25.25 0 0 1 .25.25v2.5a.25.25 0 0 1-.25.25ZM8.025 5c-.016.08-.025.164-.025.25v2.5a.25.25 0 0 1-.25.25H5V5ZM4 5v3H1.25A.25.25 0 0 1 1 7.75v-2.5A.25.25 0 0 1 1.25 5Zm.975-1c.016-.08.025-.164.025-.25v-2.5A.25.25 0 0 1 5.25 1H8v3Zm7.275 3C11.56 7 11 7.56 11 8.25v2.5a.25.25 0 0 1-.25.25h-6.5C3.56 11 3 11.56 3 12.25v2.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5C16 7.56 15.44 7 14.75 7Zm-.275 4c.016-.08.025-.164.025-.25v-2.5a.25.25 0 0 1 .25-.25h2.5a.25.25 0 0 1 .25.25V11ZM12 12h3v2.75a.25.25 0 0 1-.25.25H12Zm-1 0v3H8v-3zm-4 0v3H4.25a.25.25 0 0 1-.25-.25v-2.5a.25.25 0 0 1 .25-.25Z"/>
</svg>

After

Width:  |  Height:  |  Size: 982 B

1
icons/update-circle.svg Normal file
View file

@ -0,0 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.562 4.39a.625.625 0 0 1 .876 0l2.887 2.84a.625.625 0 0 1-.877.891L8 5.711l-2.448 2.41a.625.625 0 1 1-.877-.891z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M8 4.21c.345 0 .625.28.625.625v6.535a.625.625 0 1 1-1.25 0V4.835c0-.345.28-.625.625-.625" clip-rule="evenodd"/><path fill-rule="evenodd" d="M8 13.75a5.75 5.75 0 1 0 0-11.5 5.75 5.75 0 0 0 0 11.5M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0" clip-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 591 B

View file

@ -344,6 +344,7 @@ firefoxProfileDirPaths=(
"${HOME}/.cachy"
"${HOME}/.local/opt/tor-browser/app/Browser/TorBrowser/Data/Browser"
"${HOME}/.var/app/org.mozilla.firefox/.mozilla/firefox"
"${HOME}/.var/app/io.gitlab.librewolf-community/.librewolf"
"${HOME}/snap/firefox/common/.mozilla/firefox"
"${HOME}/Library/Application Support/Firefox"
"${HOME}/Library/Application Support/Waterfox"

View file

@ -32,5 +32,6 @@
},
"jest": {
"testEnvironment": "jest-environment-node-single-context"
}
},
"packageManager": "yarn@4.5.3"
}

View file

@ -48,11 +48,11 @@
}
@include Has {
:root {
&:not([tabsintitlebar]):has(#toolbar-menubar) {
&:not([tabsintitlebar]):not([customtitlebar]):has(#toolbar-menubar) {
--uc-menubar-height: var(--uc-menubar-height-default); // text 1rem, menu padding 0.3em
}
&[tabsintitlebar]:has(#toolbar-menubar[autohide="true"]) {
&:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="true"]) {
@include OS($linux) {
--uc-menubar-height: calc(var(--tab-min-height) + 2 * var(--tab-block-margin));
}
@ -63,12 +63,12 @@
--uc-menubar-height: calc(var(--tab-min-height) + var(--tab-block-margin));
}
}
&[tabsintitlebar]:has(#toolbar-menubar[autohide="false"]) {
&:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="false"]) {
--uc-menubar-height: var(--uc-titlebar-buttonbox-height);
}
&:not([tabsintitlebar]),
&[tabsintitlebar] {
&:not([tabsintitlebar]):not([customtitlebar]),
&:is([tabsintitlebar], [customtitlebar]) {
&:has(#toolbar-menubar[autohide="true"][inactive="true"]) {
--uc-menubar-height: 0px;
}

View file

@ -1,14 +1,30 @@
@include OneLinerNavbar {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
// Why use #urlbar? - Prevent URLbar overlay #1028
&, #urlbar {
opacity: 0;
will-change: margin-bottom, opacity;
}
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
&, #urlbar {
opacity: 1;
}
}
// #1028
#navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
pointer-events: none;
}
}
// Drag & Drop Event #820
#mainPopupSet:not(:hover)~#navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) {
-moz-window-dragging: no-drag;
}
@include Animate {
#nav-bar:not([customizing]) {
@ -22,8 +38,14 @@
opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay),
var(--ext-theme-background-transition) !important;
}
#urlbar {
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay) !important;
}
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
&, #urlbar {
transition-delay: 0s !important;
}
}
}

View file

@ -16,7 +16,8 @@
//------------------------------------------------------------------------------
@include OneLinerTabbar {
:root:not([customizing]) #titlebar {
:root:not([customizing]) #titlebar,
:root:not([customizing]) #navigator-toolbox > #TabsToolbar {
margin-bottom: var(--uc-tabbar-hide-height);
will-change: margin-bottom;
}
@ -28,7 +29,8 @@
}
#navigator-toolbox:is(:hover, :focus-within) {
> #titlebar {
> #titlebar,
> #TabsToolbar {
margin-bottom: 0px;
}
#TabsToolbar {

View file

@ -11,7 +11,7 @@
}
:root[inFullscreen="true"] #sidebar-box {
&:not([positionend="true"]) {
&:not([positionend]) {
margin-inline-start: var(--uc-sidebar-fullscreen-margin) !important;
will-change: margin-inline-start;
@ -20,7 +20,7 @@
}
}
&[positionend="true"] {
&[positionend] {
margin-inline-end: var(--uc-sidebar-fullscreen-margin) !important;
will-change: margin-inline-end;
@ -45,7 +45,7 @@
:root[inFullscreen="true"] #sidebar-box {
transition: margin-inline-start var(--uc-autohide-fullscreen-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
&[positionend="true"] {
&[positionend] {
transition-property: margin-inline-end !important;
}
&:is(:hover, :focus-within),

View file

@ -3,6 +3,11 @@
@mixin _combined_forward_button() {
@if mode.isMediaPref() {
@#{media} #{'-moz-pref("userChrome.combined.urlbar.nav_button") or ((not -moz-pref("userChrome.combined.sub_button.as_normal")) or (-moz-pref("userChrome.combined.nav_button") and -moz-pref("userChrome.combined.urlbar.home_button")))'} {
@content;
}
}
@else if mode.isMediaBoolPref() {
@media (-moz-bool-pref: '"userChrome.combined.urlbar.nav_button"'),
((not (-moz-bool-pref: '"userChrome.combined.sub_button.as_normal"')) or
(

View file

@ -1,6 +1,6 @@
/*= Windows 10 - Top border of accent color at ESR #358 ======================*/
@include OS($win10) {
:root[sizemode=normal][tabsintitlebar] {
:root[sizemode=normal]:is([tabsintitlebar], [customtitlebar]) {
#navigator-toolbox {
border-top: .5px solid rgb(47, 47, 47) !important;
}
@ -167,31 +167,6 @@
color: inherit !important; /* Original: -moz-menubarhovertext */
background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */
}
/*= Linux - Titlebar button at lwtheme =====================================*/
@include NotOption("userChrome.compatibility.os.linux_non_native_titlebar_button") {
@include lwtheme {
.titlebar-button {
appearance: none !important;
> .toolbarbutton-icon {
appearance: auto !important;
width: unset !important;
height: unset !important;
}
}
.titlebar-min,
.titlebar-max,
.titlebar-restore,
.titlebar-close {
list-style-image: none !important;
}
.titlebar-button,
.titlebar-button:hover:active {
background-color: unset !important;
color: unset !important;
}
}
}
}
/*= Linux - Light System Default Theme's Selected Tab ========================*/
@ -231,7 +206,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
/*= Titlebar Container Size at maximized #384 ================================*/
@include OS($win) {
:root[tabsintitlebar] {
:root:is([tabsintitlebar], [customtitlebar]) {
@include NotOption("userChrome.compatibility.os.windows_maximized") {
#titlebar {
// Prevent #476 FF v105 above
@ -263,21 +238,22 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
// https://github.com/mozilla/gecko-dev/blob/4334cb91a3762ac497c50a1c7b86b8004690229e/browser/themes/windows/browser-aero.css#L71-L81
@include OS($win) {
@include WinClassic {
:root[tabsintitlebar][sizemode="normal"]:not(:-moz-lwtheme) #navigator-toolbox {
:root:is([tabsintitlebar], [customtitlebar])[sizemode="normal"]:not(:-moz-lwtheme) #navigator-toolbox {
appearance: auto !important;
-moz-default-appearance: -moz-window-titlebar !important;;
}
:root[tabsintitlebar][sizemode="maximized"]:not(:-moz-lwtheme) #navigator-toolbox {
:root:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"]:not(:-moz-lwtheme) #navigator-toolbox {
appearance: auto !important;;
-moz-default-appearance:-moz-window-titlebar !important;;
}
:root[tabsintitlebar]:not(:-moz-lwtheme) #tabbrowser-arrowscrollbox {
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-lwtheme) #pinned-tabs-container,
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-lwtheme) #tabbrowser-arrowscrollbox {
color: -moz-dialogtext !important;
}
:root[tabsintitlebar][sizemode="normal"] #navigator-toolbox:-moz-lwtheme {
:root:is([tabsintitlebar], [customtitlebar])[sizemode="normal"] #navigator-toolbox:-moz-lwtheme {
background-image: linear-gradient(
to bottom,
ThreeDLightShadow 0, ThreeDLightShadow 1px,
@ -287,3 +263,8 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
}
}
}
/*= MacOS Fullscreen clipping #1045 ==========================================*/
:root[sizemode="fullscreen"][macOSNativeFullscreen]:not([inDOMFullscreen="true"]) #TabsToolbar {
min-height: var(--tab-min-height, fit-content) !important;
}

View file

@ -35,7 +35,7 @@ menu.subviewbutton {
}
/*= First visible tab margin at maximized #332 ===============================*/
:root[tabsintitlebar="true"][sizemode="maximized"] #TabsToolbar {
:root:is([tabsintitlebar="true"], [customtitlebar="true"])[sizemode="maximized"] #TabsToolbar {
margin-left: -1px;
}
@ -135,9 +135,18 @@ menu {
}
}
#main-window {
background-color: WindowFrame !important;
}
:root[lwtheme][lwtheme-image] #customization-container {
background-image: none !important;
}
#customization-container {
background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */
}
:root:not([lwtheme]) #customization-container {
background-color: var(--toolbar-non-lwt-bgcolor) !important;
}
/*= Findbar Border Color =====================================================*/
html|input.findbar-textbox {
@ -184,7 +193,9 @@ vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] {
}
/*= Inactive transparent #882 ================================================*/
:root[tabsintitlebar] #titlebar:-moz-window-inactive {
:root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive,
:root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive,
:root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive {
opacity: 1 !important;
color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity, 0.75) * 100%), transparent) !important;
--inactive-toolbarbutton-icon-fill-opacity: calc(var(--toolbarbutton-icon-fill-opacity, 1) * var(--inactive-titlebar-opacity, 0.75));
@ -199,3 +210,16 @@ vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] {
--panel-background: var(--arrowpanel-background) !important; /* Original: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) */
--panel-color: var(--arrowpanel-color) !important; /* Original: var(--tab-selected-textcolor, var(--toolbar-color)) */
}
/*= Design token =============================================================*/
:root, :host {
--button-color: var(--button-text-color);
--button-bgcolor: var(--button-background-color);
--button-hover-bgcolor: var(--button-background-color-hover);
--button-active-bgcolor: var(--button-background-color-active);
--button-primary-color: var(--button-text-color-primary);
--button-primary-bgcolor: var(--button-background-color-primary);
--button-primary-hover-bgcolor: var(--button-background-color-primary-hover);
--button-primary-active-bgcolor: var(--button-background-color-primary-active);
}

View file

@ -36,7 +36,11 @@
/** Activity Stream - Web Site Icon: full size ******************************/
@include Option("userContent.newTab.full_icon") {
.top-site-outer {
width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */
.tile {
width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
overflow: hidden;
}
@ -51,6 +55,9 @@
.context-menu-button {
top: 0px !important; /* Original: -20px */
right: 0px !important;
width: 22px !important;
height: 22px !important;
}
.context-menu {
top: 16.75px !important; /* Original: 6.75px */
@ -112,7 +119,8 @@
@include Option("userContent.newTab.pocket_to_last") {
.body-wrapper.on {
display: flex;
flex-wrap: wrap;
flex-wrap: wrap !important;
flex-direction: row !important;
> .discovery-stream.ds-layout {
flex-basis: 100%;

View file

@ -50,6 +50,9 @@
box-sizing: content-box;
padding: 0 !important;
}
button[data-l10n-id="addon-updates-manual-updates-found"] {
height: 100%;
}
// #911
#categories {

View file

@ -1,7 +1,14 @@
@import "../icons/shared";
@include moz-document(
url-prefix "about:",
url-prefix "chrome://",
regexp "^((jar:)?file:\/\/\/).*\/$"
) {
:root {
@include initIcons;
}
}
@include moz-document(
url "chrome://browser/content/places/places.xhtml",

View file

@ -9,6 +9,16 @@
) {
@import "../theme/proton_color";
@include Option(
"userContent.page.proton_color.dark_blue_accent",
"userContent.page.proton_color.system_accent"
) {
:root, :host(.anonymous-content-host) {
--color-accent-primary: var(--in-content-primary-button-background) !important;
--color-accent-primary-hover: var(--in-content-primary-button-background-hover) !important;
--color-accent-primary-active: light-dark(var(--color-blue-70), var(--color-cyan-20));
}
}
@include Option("userContent.page.proton_color.dark_blue_accent") {
@include Dark {
@import "../theme/dark_blue_color";

View file

@ -32,5 +32,8 @@
/*= about:processes ==========================================================*/
@import "proton_contents/about_processes";
/*= about:processes ==========================================================*/
@import "proton_contents/about_others";
/*= chrome://browser/content/places/places.xhtml =============================*/
@import "../library/contents";

View file

@ -0,0 +1,19 @@
@include moz-document(url-prefix "about:support") {
#reset-box-button {
--in-content-focus-outline-color: var(--in-content-danger-button-background) !important;
background-color: var(--in-content-danger-button-background) !important;
color: var(--in-content-primary-button-text-color) !important;
border-color: var(--in-content-primary-button-border-color) !important;
&:enabled:hover {
background-color: var(--in-content-danger-button-background-hover) !important;
color: var(--in-content-primary-button-text-color-hover) !important;
border-color: var(--in-content-primary-button-border-hover) !important;
}
&:enabled:hover:active {
background-color: var(--in-content-danger-button-background-active) !important;
color: var(--in-content-primary-button-text-color-active) !important;
border-color: var(--in-content-primary-button-border-active) !important;
}
}
}

View file

@ -23,3 +23,12 @@
}
}
}
@include moz-document(url-prefix "about:preferences") {
// #952
.privacy-extra-information > .custom-option:not(:first-child) {
margin-block: 2px !important; /* Original: 10px */
}
.extra-information-label:not(:first-child) {
margin-top: 4px !important; /* Original: 19px */
}
}

View file

@ -1,10 +1,22 @@
@include moz-document(url-prefix "about:processes") {
@include moz-document(
url-prefix "about:processes",
url-prefix "about:performance"
) {
td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");'] {
background-image: url("../icons/link.svg") !important;
}
.profiler-icon {
background: url("../icons/performance.svg") no-repeat center !important;
cursor: pointer;
background-image: url("../icons/performance.svg") !important;
background-repeat: no-repeat !important;
background-position: center !important;
@include NotOption("userChrome.rounding.square_button") {
border-radius: 8px !important;
}
// #960
color: inherit !important;
}
}

View file

@ -64,7 +64,12 @@
}
/*- URL / Search Bar -------------------------------------------------------*/
#urlbar-background,
#urlbar-background {
transition: border-color 1s var(--animation-easing-function), background-color 0.5s var(--animation-easing-function) !important;
&:hover {
transition: border-color 0.5s var(--animation-easing-function), background-color 0.5s var(--animation-easing-function) !important;
}
}
#searchbar {
transition: border-color 1s var(--animation-easing-function), background-color 1.5s var(--animation-easing-function) !important;
&:hover {
@ -114,16 +119,14 @@ xul|search-textbox.tabsFilter,
max-width: 36em;
/* Animation */
transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out,
visibility 0s linear !important;
will-change: margin-inline-start, opacity, visibility;
transition: margin-inline-start 0.25s var(--animation-easing-function), visibility 0s linear !important;
will-change: margin-inline-start, visibility;
&[hidden="true"] {
@include Box(true);
margin-inline-start: -18em;
opacity: 0;
visibility: collapse;
transition-delay: 0s, 0s, 0.25s !important;
transition-delay: 0s, 0.25s !important;
}
}
}

View file

@ -1,15 +1,24 @@
:root[sizemode="fullscreen"] #navigator-toolbox {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #navigator-toolbox {
position: fixed !important; /* Needed for content to take up entire height */
z-index: 1000 !important; /* Puts the UI above the content */
&:is(:hover, :focus-within) {
margin-top: 0 !important;
}
}
:root[sizemode="fullscreen"] :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) :-moz-any(#navigator-toolbox, #titlebar, #toolbar-menubar, #TabsToolbar, #nav-bar, #PersonalToolbar) {
width: 100%; /* Makes the UI take up the entire width */
}
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #urlbar:popover-open {
// Prevent URLbar overlay #1028
position: fixed !important;
}
@include OS($linux) {
/* Fix transparent background */
:root[tabsintitlebar][sizemode="fullscreen"]#{$not_lwtheme} #TabsToolbar {
:root:is([tabsintitlebar], [customtitlebar])[sizemode="fullscreen"]:not([inDOMFullscreen="true"])#{$not_lwtheme} #TabsToolbar {
appearance: auto !important;
}
}

View file

@ -1,4 +1,4 @@
:root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized="true"]:not([collapsed="true"]),
:root[sizemode="fullscreen"] #PersonalToolbar[initialized="true"] {
:root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized]:not([collapsed="true"]),
:root[sizemode="fullscreen"] #PersonalToolbar[initialized] {
visibility: unset !important; /* Makes the bookmarks toolbar visible if enabled */
}

View file

@ -20,3 +20,9 @@
) .tab-icon-image {
content: url("../icons/developer.svg") !important;
}
.tabbrowser-tab:is(
[image="chrome://browser/skin/controlcenter/dashboard.svg"]
) .tab-icon-image {
content: url("../icons/dashboard.svg") !important;
}

View file

@ -5,7 +5,7 @@
--menuitem-image: url("../icons/unpin-tab.svg");
}
.context-menu-item span[data-l10n-id="newtab-menu-edit-topsites"] {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
.context-menu-item span[data-l10n-id="newtab-menu-bookmark"] {
--menuitem-image: url("chrome://browser/skin/bookmark.svg");

View file

@ -1,5 +1,5 @@
// https://github.com/mozilla/gecko-dev/commit/260e4270fca18f2f6f59a1ffe4deccb5080a15f7
button[role="menuitem"] {
button:is([role="menuitem"], [role="menuitemcheckbox"]) {
background-image: var(--icon, url("../icons/blank.svg")); /* Don't use !important. because of [checked] */
}

View file

@ -238,6 +238,11 @@ menu.share-tab-url-item {
#menu_mobileBookmarks {
}
/*= menu_ProfilesPopup =======================================================*/
#menu_manageProfiles {
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
}
/*= menu_ToolsPopup ==========================================================*/
#menu_openDownloads {
--menuitem-image: url("chrome://browser/skin/downloads/downloads.svg");

View file

@ -3,7 +3,7 @@
--menuitem-image: url("../icons/mail-inbox-all.svg");
}
#edit-menu {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
#view-menu {
--menuitem-image: url("../icons/content-view.svg");
@ -14,6 +14,11 @@
#bookmarksMenu {
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
}
#profiles-menu:is(menu) {
// Using stroke
fill: transparent !important;
--menuitem-image: url("chrome://browser/content/profiles/assets/16_heart.svg");
}
#tools-menu {
--menuitem-image: url("../icons/toolbox.svg");
}
@ -23,3 +28,16 @@
#helpMenu {
--menuitem-image: url("chrome://global/skin/icons/help.svg");
}
/*= Others ===================================================================*/
#alltabs-button {
list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important;
> .toolbarbutton-badge-stack > .toolbarbutton-icon {
/* Original
width: 20px;
margin: -2px;
*/
width: 16px !important;
margin: 0 !important;
}
}

View file

@ -28,7 +28,7 @@
--uc-sidebar-icon: url("chrome://browser/skin/sidebars.svg");
--uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars-right.svg");
@include Has {
&:has(#sidebar-box[positionend="true"]) {
&:has(#sidebar-box[positionend]) {
--uc-sidebar-icon: url("chrome://browser/skin/sidebars-right.svg");
--uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars.svg");
}

View file

@ -29,6 +29,20 @@
background-image: var(--avatar-image-url) !important;
}
#appMenu-profiles-button > image,
#appMenu-empty-profiles-button > image {
// Using stroke
fill: transparent !important;
}
#appMenu-empty-profiles-button,
#PanelUI-fxa-menu-empty-profiles-button {
list-style-image: url("chrome://browser/content/profiles/assets/16_heart.svg");
}
#profiles-manage-profiles-button {
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
#new-tab-button {
list-style-image: var(--uc-new-tab-icon) !important;
}
@ -259,7 +273,8 @@
#PanelUI-signedin-panel[hidden="true"] + #PanelUI-fxa-cta-menu #PanelUI-products-separator {
display: none; // #916
}
#PanelUI-fxa-menu > :first-child {
#PanelUI-fxa-menu > :first-child,
#fxa-manage-account-button {
@include BoxOrder(0);
}
#PanelUI-sign-out-separator {
@ -274,6 +289,28 @@
list-style-image: url("chrome://global/skin/icons/settings.svg");
}
.sendToDevice-device {
&[clientType="phone"] {
list-style-image: url("../icons/device-phone.svg") !important;
}
&[clientType="tablet"] {
list-style-image: url("../icons/device-tablet.svg") !important;
}
&[clientType="desktop"] {
list-style-image: url("../icons/device-desktop.svg") !important;
}
&[clientType="tv"] {
list-style-image: url("../icons/device-tv.svg") !important;
}
&[clientType="vr"] {
list-style-image: url("../icons/device-vr.svg") !important;
}
}
/*= Panel - Bookmark =========================================================*/
#panelMenuBookmarkThisPage {
list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
@ -439,6 +476,9 @@ panelMenuBookmarkThisPage[starred] {
#allTabsMenu-searchTabs {
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#allTabsMenu-syncedTabs {
list-style-image: url("../icons/synced-tabs.svg");
}
#allTabsMenu-closeDuplicateTabs {
list-style-image: var(--uc-tab-close-duplicate-icon);
}
@ -500,6 +540,10 @@ panelMenuBookmarkThisPage[starred] {
margin-inline-end: 1em;
}
#protections-popup-report-broken-site-button {
list-style-image: url("chrome://global/skin/icons/lightbulb.svg");
}
#protections-popup-settings-button > .protections-popup-settings-icon,
#protections-popup-multiView .panel-subview-footer-button {
list-style-image: url("chrome://global/skin/icons/settings.svg");
@ -550,6 +594,10 @@ panelMenuBookmarkThisPage[starred] {
@include _subviewMenuitem(url("../icons/synced-tabs.svg"));
}
#sidebar-switcher-genai-chat {
@include _subviewMenuitem(url("chrome://mozapps/skin/extensions/category-discover.svg"));
}
#sidebar-reverse-position {
@include _subviewMenuitem(var(--uc-sidebar-icon-reverse));
}
@ -561,6 +609,51 @@ panelMenuBookmarkThisPage[starred] {
);
}
/*= sidebar-context-menu =====================================================*/
#sidebar-context-menu-manage-extension {
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
}
#sidebar-context-menu-remove-extension {
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
}
#sidebar-context-menu-report-extension {
--menuitem-image: url("../icons/send.svg");
}
#sidebar-context-menu-unpin-extension {
--menuitem-image: url("../icons/unpin-tab.svg");
}
#sidebar-context-menu-hide-sidebar {
--menuitem-image: url("../icons/eye-hide.svg");
}
#sidebar-context-menu-customize-sidebar {
--menuitem-image: url("chrome://browser/skin/customize.svg");
}
#sidebar-context-menu-enable-vertical-tabs {
--menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg");
}
/*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/
.item.client[clientType=phone] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-phone.svg") !important;
}
.item.client[clientType=tablet] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tablet.svg") !important;
}
.item.client[clientType=desktop] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-desktop.svg") !important;
}
.item.client[clientType=tv] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tv.svg") !important;
}
.item.client[clientType=vr] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-vr.svg") !important;
}
/*= unified-extensions-view ===================================================*/
#unified-extensions-manage-extensions {
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");

View file

@ -232,6 +232,9 @@
#context-translate-selection {
--menuitem-image: url("../icons/translations.svg");
}
#context-ask-chat {
--menuitem-image: url("../icons/chat-sparkle.svg");
}
#frame {
--menuitem-image: url("../icons/command-frames.svg");
@ -289,6 +292,38 @@
}
}
/*= context-ask-chat =========================================================*/
#ask-chat-shortcuts .toolbarbutton-icon {
order: -1;
margin-inline-end: var(--arrowpanel-menuitem-margin-inline) !important;
}
#ask-chat-shortcuts .subviewbutton:nth-child(1) {
list-style-image: url("../icons/apps-list-detail.svg");
}
#ask-chat-shortcuts .subviewbutton:nth-child(2) {
list-style-image: url("../icons/code-text.svg");
}
#ask-chat-shortcuts .subviewbutton:nth-child(3) {
list-style-image: url("../icons/tetris-app.svg");
}
#ask-chat-shortcuts .subviewbutton:nth-child(4) {
list-style-image: url("../icons/arrow-up-exclamation.svg");
}
#context-ask-chat menuitem:nth-child(1) {
--menuitem-image: url("../icons/apps-list-detail.svg");
}
#context-ask-chat menuitem:nth-child(2) {
--menuitem-image: url("../icons/code-text.svg");
}
#context-ask-chat menuitem:nth-child(3) {
--menuitem-image: url("../icons/tetris-app.svg");
}
#context-ask-chat menuitem:nth-child(4) {
--menuitem-image: url("../icons/arrow-up-exclamation.svg");
}
/*= main-context-menu-frame ==================================================*/
#context-showonlythisframe {
--menuitem-image: url("../icons/eye-show.svg");

View file

@ -15,7 +15,7 @@
--menuitem-image: url("chrome://global/skin/icons/check.svg");
}
#blockedPopupOptions > menuitem[oncommand="gPopupBlockerObserver.editPopupSettings();"] {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
#blockedPopupDontShowMessage {
/* checkbox */
@ -260,6 +260,9 @@ menuitem.searchbar-clear-history {
/*= urlbarView-result-menu ===================================================*/
.urlbarView-result-menuitem {
&[data-command="trendingblock"] {
--menuitem-image: url("../icons/eye-hide.svg");
}
&[data-command="dismiss"] {
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
}

View file

@ -24,7 +24,7 @@
#placesContext_show_bookmark\:info,
#placesContext_show\:info,
#placesContext_show_folder\:info {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
#placesContext_deleteBookmark,
#placesContext_deleteFolder,

View file

@ -22,8 +22,13 @@
#sidebartabs_asamuzak_jp-menuitem-_reloadAllTabs {
--menuitem-image: url("../icons/reload.svg");
}
#context_playTab,
#context_playSelectedTabs {
--menuitem-image: url("../icons/play-fill.svg");
}
#context_toggleMuteTab,
#context_toggleMuteSelectedTabs,
#treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab[label="Mute Tab"],
#treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab-mute,
#tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab,
#sidebartabs_asamuzak_jp-menuitem-_muteTab {
@ -32,6 +37,7 @@
}
#context_toggleMuteTab[muted],
#context_toggleMuteSelectedTabs[muted],
#treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab[label="Unmute Tab"],
#treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab-unmute,
#tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab[label="Unmute Tab"],
#sidebartabs_asamuzak_jp-menuitem-_muteTab[label="Unmute Tab"] {
@ -51,6 +57,12 @@
#sidebartabs_asamuzak_jp-menuitem-_pinTab[label="Unpin Tab"] {
--menuitem-image: url("../icons/unpin-tab.svg");
}
#treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Stick Tab to Edges"] {
--menuitem-image: url("../icons/align-distribute-top.svg");
}
#treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Unstick Tab to Edges"] {
--menuitem-image: url("../icons/align-space-evenly-vertical.svg");
}
#context_duplicateTab,
#context_duplicateTabs,
#treestyletab_piro_sakura_ne_jp-menuitem-_context_duplicateTab,
@ -121,6 +133,7 @@
#sidebartabs_asamuzak_jp-menuitem-_closeTab {
--menuitem-image: url("chrome://global/skin/icons/close.svg");
}
#treestyletab_piro_sakura_ne_jp-menuitem-_context_closeDuplicatedTabs,
#context_closeDuplicateTabs {
@include Option("userChrome.icon.menu.full") {
--menuitem-image: var(--uc-tab-close-duplicate-icon);
@ -205,6 +218,13 @@
--menuitem-image: url("../icons/undo.svg");
}
#toolbar-context-customize-sidebar {
--menuitem-image: url("chrome://browser/skin/customize.svg");
}
#toolbar-context-toggle-vertical-tabs {
--menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg");
}
#toggle_toolbar-menubar {
/* checkbox */
--menuitem-image: url("../icons/calendar-agenda.svg");
@ -243,7 +263,7 @@ menuitem.viewCustomizeToolbar {
}
}
#tm-renameTab {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
#tm-copyTabUrl {
--menuitem-image: url("../icons/link.svg");

View file

@ -47,7 +47,7 @@
}
&[data-l10n-id="make-browsercss-file"] {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
--menuitem-image: url("../icons/edit-active.svg");
}
&[data-l10n-id="open-css-folder"] {
--menuitem-image: var(--uc-folder-icon);

View file

@ -15,4 +15,8 @@
menuitem.privatetab-icon {
--menuitem-image: url("../icons/private-favicon.svg");
}
#sidebar_waterfox_net-menuitem-_openAllBookmarksWithStructure {
--menuitem-image: url("../icons/organization-horizontal.svg");
}
}

View file

@ -17,8 +17,8 @@ menupopup menupopup[emptyplacesresult] .menu-text,
//-- Mixin ---------------------------------------------------------------------
// Items
$_bookmarkMenuitem: "menuitem:not(.menuitem-iconic, [disabled=\"true\"])";
$_bookmarkMenu: "menu:not(.menu-iconic)";
$_bookmarkMenuitem: "menuitem:not(.menuitem-iconic, [disabled=\"true\"]):not(:has(.menu-icon[aria-hidden=\"true\"]))";
$_bookmarkMenu: "menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden=\"true\"]))";
// Components
$_bookmarkPopup: "menupopup:is(#BMB_bookmarksPopup)[placespopup=\"true\"]";

View file

@ -81,6 +81,15 @@ $_layoutCommonMenus: (
menupopup {
--menuitem-image: none; /* Prevent Image Inheritance */
}
& > :is(.menubar-text, .menu-text) {
@include OS($win) {
transform: translateY(-1px) !important; /* Fix menu top padding position */
padding-inline-start: 0.3em !important;
}
@include OS($linux) {
@include _layout_init_linux;
}
}
@include NotOption("userChrome.padding.global_menubar") {
padding-block: 2px !important;
}
@ -99,6 +108,11 @@ $_layoutCommonMenus: (
.menupopup-arrowscrollbox {
padding-inline: 0 !important; /* Original: padding: var(--panel-padding); --panel-padding-block: 4px; */
}
// FF v141 #1128
menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon {
display: none !important;
}
}
}
@ -113,10 +127,6 @@ $_layoutCommonMenus: (
/* Padding - Linux */
@include OS($linux) {
@include _layout_root_linux;
#{$_globalMenus} > .menubar-text {
@include _layout_init_linux;
}
}
/* Padding - Mac */

View file

@ -12,7 +12,7 @@ $_checkMenu: ":not([type=\"checkbox\"][checked=\"true\"], [type=\"radio\"])";
$_nestedPopup: "> menupopup:not(.in-menulist) >";
$_nestedPopupIcon: ":not(menu, #ContentSelectDropdown) #{$_nestedPopup}";
$_nestedPopupPadding: ":not(menu, #ContentSelectDropdown, #context-navigation) #{$_nestedPopup}";
$_iconMenuPopup: "menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, #menu_HelpPopup, #usercssloader-menupopup)";
$_iconMenuPopup: "menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ProfilesPopup, #menu_ToolsPopup, #windowPopup, #menu_HelpPopup, #usercssloader-menupopup, #sidebar-context-menu)";
$_nestedPopupIconMenus: selector.nest(
$_nestedPopupIcon,
@ -31,7 +31,7 @@ $_globalMenus: "#main-menubar > menu";
$_libraryMenuitem: "menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > #{$_iconMenuitem}";
$_libraryMenu: "menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > #{$_iconMenu}";
$_sendTabMenuPopup: "#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup";
$_otherPopupMenuitem: "menupopup:is(#{$_sendTabMenuPopup}, #frame > menupopup, #spell-dictionaries-menu) > menuitem#{$_checkMenu}";
$_otherPopupMenuitem: "menupopup:is(#{$_sendTabMenuPopup}, #frame > menupopup, #spell-dictionaries-menu, #context-ask-chat > menupopup) > menuitem#{$_checkMenu}";
$_otherIconMenu: ".openintabs-menuitem, #blockedPopupDontShowMessage, #BMB_viewBookmarksToolbar, #sidebarMenu-popup:is(menupopup)";
//-- Mixin ---------------------------------------------------------------------
@ -41,7 +41,7 @@ $_initialMenus: selector.append(
$_checkMenu
);
$_initialMenus: $_initialMenus + "," +
selector.nest($_initialMenus, "> .menu-iconic-left > .menu-iconic-icon");
selector.nest($_initialMenus, "> .menu-iconic-left > .menu-iconic-icon, > .menu-icon");
@mixin _initial_menus() {
-moz-appearance: none !important; /* Linux: menulist */
}
@ -192,6 +192,12 @@ $_initialMenus: $_initialMenus + "," +
// https://github.com/mozilla/gecko-dev/blob/e54707888510dec75db59a170b287d1db031505a/toolkit/themes/linux/global/menu.css#L103
--context-menu-text-padding: 21px;
}
.menu-icon {
display: unset !important;
}
#main-menubar > menu > .menu-icon {
display: none !important;
}
}
@mixin _layout_init_linux() {
padding-inline-start: 3px;

View file

@ -61,10 +61,12 @@ $_placesPopupSetMenus: selector.nest(
/* Contextmenu Checkbox Unset */
#{$_placesPopupSet} menuitem[type="checkbox"] {
margin-inline: 0 !important;
> .menu-iconic-left > .menu-iconic-icon {
> .menu-iconic-left > .menu-iconic-icon,
> .menu-icon {
margin-inline-end: 0 !important;
}
&:not([checked="true"]) > .menu-iconic-left > .menu-iconic-icon {
&:not([checked="true"]) > .menu-iconic-left > .menu-iconic-icon,
&:not([checked="true"]) > .menu-icon {
border: none !important;
background-color: unset !important;
}

View file

@ -3,8 +3,9 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
@import "leptonChrome";
/*@ NIGHTLY @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@include mode.MEDIA_PREF;
@import "leptonChrome";
/*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@include mode.MEDIA_BOOL_PREF;
@import "leptonChrome";

View file

@ -3,8 +3,9 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
@import "leptonContent";
/*@ NIGHTLY @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@include mode.MEDIA_PREF;
@import "leptonContent";
/*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@include mode.MEDIA_BOOL_PREF;
@import "leptonContent";

View file

@ -101,7 +101,7 @@
#placesToolbar > toolbarbutton > .toolbarbutton-icon,
#placesMenu > menu > image,
#placesMenu > menu > .menubar-text {
#placesMenu > menu > :is(.menubar-text, .menu-text) {
-moz-context-properties: fill !important;
fill: currentColor !important;
}
@ -131,7 +131,7 @@
background-color: var(--organizer-selected-background) !important;
color: var(--organizer-selected-color) !important;
}
> .menubar-text {
> :is(.menubar-text, .menu-text) {
margin-block: 0 !important; /* override menu.css */
padding-inline-end: 4px !important;
}

View file

@ -41,7 +41,7 @@
opacity: 0;
visibility: hidden; // If use `collapse`, inline `--urlbar-toolbar-height` variable is calculated strangely small.
}
:root:has(#sidebar-box[positionend="true"]) #nav-bar {
:root:has(#sidebar-box[positionend]) #nav-bar {
right: 0;
}
}
@ -109,7 +109,7 @@
position: absolute;
height: 100%;
&[positionend="true"] {
&[positionend] {
right: 0;
}
}
@ -125,10 +125,10 @@
height: calc(100% - var(--uc-customization-conatiner-margin));
}
&:has(#sidebar-box:not([positionend="true"])) #customization-container {
&:has(#sidebar-box:not([positionend])) #customization-container {
margin-inline-start: var(--uc-sidebar-activate-width);
}
&:has(#sidebar-box[positionend="true"]) #customization-container {
&:has(#sidebar-box[positionend]) #customization-container {
margin-inline-end: var(--uc-sidebar-activate-width);
}

View file

@ -6,11 +6,11 @@
//-- Mixin ---------------------------------------------------------------------
@mixin _dragSpaceHeight {
:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] {
:root:is([tabsintitlebar], [customtitlebar])[sizemode="normal"] #toolbar-menubar[autohide="true"] {
@content;
}
@include Option("userChrome.padding.drag_space.maximized") {
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] {
:root:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #toolbar-menubar[autohide="true"] {
@content;
}
}

View file

@ -4,14 +4,14 @@
}
@include NotOption("userChrome.padding.first_tab.always") {
:root:not([tabsintitlebar]) #tabbrowser-tabs:not([positionpinnedtabs]),
:root:not([tabsintitlebar]):not([customtitlebar]) #tabbrowser-tabs:not([positionpinnedtabs]),
:root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs:not([positionpinnedtabs]) {
padding-inline-start: var(--uc-space-left-tabbar) !important;
}
}
@include Option("userChrome.padding.first_tab.always") {
:root:not([tabsintitlebar]) #tabbrowser-tabs,
:root:not([tabsintitlebar]):not([customtitlebar]) #tabbrowser-tabs,
:root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs {
padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width, 0px) + var(--uc-space-left-tabbar)) !important;
}

View file

@ -51,12 +51,14 @@
}
@include Option("userChrome.padding.urlView_expanding", "userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
width: var(--urlbar-width) !important;
position: relative !important;
margin: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
#urlbar[breakout][breakout-extend] > #urlbar-input-container,
#urlbar[breakout][breakout-extend] > .urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: var(--urlbar-container-padding, 0px) !important;

View file

@ -62,12 +62,17 @@
}
@include NotOption("userChrome.tabbar.multi_row") {
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #pinned-tabs-container,
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"],
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content,
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content {
max-height: var(--tab-min-height) !important; /* Force apply height */
}
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #pinned-tabs-container,
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {
height: var(--tab-min-height) !important;
}
@ -75,6 +80,7 @@
}
/* Scroll Button - Size Fix */
:root #pinned-tabs-container,
:root #tabbrowser-arrowscrollbox {
--scrollbtn-vertical-padding: 3px;
--scrollbtn-vertical-border: 2px;
@ -94,7 +100,7 @@
border-radius: var(--scrollbtn-border-radius, calc(var(--tab-border-radius) + 4px)) !important;
}
:root[tabsintitlebar]:not([uidensity="compact"]) #toolbar-menubar[autohide="true"] {
:root:is([tabsintitlebar], [customtitlebar]):not([uidensity="compact"]) #toolbar-menubar[autohide="true"] {
height: calc(
var(--tab-min-height) - var(--tabs-navbar-shadow-size) - 2px
); /* Compact: 28px, Normal: 33px, Touch: 38px */

View file

@ -60,6 +60,7 @@
}
}
:root:not([uidensity="touch"]) #pinned-tabs-container,
:root:not([uidensity="touch"]) #tabbrowser-arrowscrollbox {
--scrollbtn-inner-padding: 1px;
--scrollbtn-outer-padding: 3px;
@ -92,14 +93,30 @@
}
.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) {
max-width: var(--tab-max-width) !important; /* Original: 225px */
#tabbrowser-tabs[orient="vertical"][expanded] & {
max-width: none !important;
}
#tabbrowser-tabs[orient="horizontal"] tab-group[collapsed] > & {
min-width: 0 !important;
max-width: 0 !important;
padding: 0 !important;;
margin: 0 !important;
overflow-clip-margin: 0;
}
}
/* neighbouring tabs should "pinch" together */
:root[customizing="true"] #tabbrowser-arrowscrollbox-periphery,
#tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"])
> #pinned-tabs-container > #tabbrowser-arrowscrollbox-periphery,
#tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"])
> #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery {
min-width: 3px; // With Panorama Tab Groups #643 #846
}
#tabbrowser-tabs[orient="horizontal"] .tab-group-label-container {
margin-inline-start: 4px !important;
}
@include NotOption("userChrome.tab.photon_like_padding") {
@include Option("userChrome.tab.lepton_like_padding") {
#TabsToolbar:not([multibar]) .tabbrowser-tab {

View file

@ -24,11 +24,6 @@
height: auto !important;
}
}
:root[uidensity="touch"] & {
// Fallback #881
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height))
- var(--urlbar-height)) / 2 + 1px) !important;
}
}
/* spread menu */

View file

@ -3,6 +3,11 @@
--tab-border-radius: 0 !important; /* Original: 4px */
}
}
@include NotOption("userChrome.rounding.square_tab") {
:root {
--tab-border-radius: 4px !important; /* Original: 4px */
}
}
@include Option("userChrome.rounding.square_button") {
:root {
--urlbar-icon-border-radius: 0 !important; /* Original: calc(var(--toolbarbutton-border-radius) - 1px); */

View file

@ -33,11 +33,11 @@
#sidebar-box {
--uc-sidebar-shadow-color: #28282F;
z-index: 1 !important;
z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
position: relative !important;
box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);
&[positionend="true"] {
&[positionend] {
--uc-sidebar-shadow-position: calc(-1 * var(--uc-sidebar-shadow-position-default));
}
}
@ -53,7 +53,7 @@
}
@include Option("userChrome.sidebar.overlap") {
#sidebar-box[positionend="true"] {
#sidebar-box[positionend] {
direction: rtl;
}

View file

@ -1,6 +1,20 @@
#tabbrowser-tabs[orient="vertical"] {
--uc-tab-border-bottom-radius: var(--tab-border-radius);
#TabsToolbar {
#tabbrowser-tabs:not([orient="vertical"]) {
max-height: var(--tab-min-height);
}
#tabbrowser-tabs:not([orient="vertical"])[movingtab] {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
&[multibar] #tabbrowser-tabs:not([orient="vertical"]) {
max-height: var(--tab-min-height_mlt);
}
}
#tabbrowser-tabs:not([orient="vertical"]) {
min-height: unset !important; /* Original: var(--tabstrip-min-height) */
.tab-background {
border-radius: var(--tab-border-radius) var(--tab-border-radius) var(--uc-tab-border-bottom-radius, 0px) var(--uc-tab-border-bottom-radius, 0px) !important;
margin-bottom: 0px !important;
@ -15,6 +29,14 @@
margin-bottom: 0px !important;
}
tab-group .tabbrowser-tab:is([selected], [multiselected]) .tab-group-line {
transform: translateY(calc(var(--tab-group-line-thickness) * -1));
}
}
#tabbrowser-tabs[orient="vertical"] {
--uc-tab-border-bottom-radius: var(--tab-border-radius);
}
/* Remove line at Toolbar's top */
#tabbrowser-tabs {
z-index: 1 !important;
@ -26,6 +48,7 @@
}
/* Pinned Tab - tabbrowser-arrowscrollbox overflowing */
#tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned],
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
z-index: 0 !important;

View file

@ -67,3 +67,27 @@
@include Option("userChrome.tab.photon_like_contextline") {
@import "selected_tab/photon_like_contextline";
}
/*= Selected Tab - Supernova like contextline ===================================*/
@include NotOption("userChrome.tab.photon_like_contextline") {
@include Option("userChrome.tab.supernova_like_contextline") {
@import "selected_tab/supernova_like_contextline";
@include Option("userChrome.tab.contextline_blue_accent") {
#tabbrowser-tabs .tab-context-line {
--tab-line-color: #45a1ff !important;
}
}
@include NotOption("userChrome.tab.contextline_blue_accent") {
@include OS("linux") {
@include not_lwtheme {
#tabbrowser-tabs .tab-context-line {
@include AccentColor("Highlight") {
--tab-line-color: #{$accentColor} !important; /* -moz-accent-color */
}
}
}
}
}
}
}

View file

@ -30,6 +30,7 @@
}
.tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container,
#tabbrowser-tabs:not([closebuttons=activetab]) > #pinned-tabs-container > .tabbrowser-tab:not([visuallyselected],[labelendaligned]):hover .tab-label-container,
#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected],[labelendaligned]):hover .tab-label-container {
--tab-label-mask-size: 0.9em; /* Original: 1em */
}

View file

@ -19,6 +19,11 @@
}
#tabbrowser-tabs[closebuttons="activetab"] {
> #pinned-tabs-container
> .tabbrowser-tab:not([pinned])
> .tab-stack
> .tab-content
> .tab-close-button:not([selected]),
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab:not([pinned])
> .tab-stack

View file

@ -1,4 +1,4 @@
#tabs-newtab-button {
#tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button {
@include Option("userChrome.tab.connect_to_window") {
/* Size */
@include BoxAlign("stretch", true);
@ -73,16 +73,16 @@
}
@media (-moz-windows-accent-color-in-titlebar) {
@include AccentColor {
:root[tabsintitlebar]:not(:-moz-window-inactive)#{$not_lwtheme} #tabs-newtab-button:hover,
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive)#{$not_lwtheme} #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:hover,
:root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:hover {
fill: color-mix(
in srgb,
$accentTextColor 10%,
transparent
) !important; /* Hardcoded for compatibility */
}
:root[tabsintitlebar]:not(:-moz-window-inactive)#{$not_lwtheme} #tabs-newtab-button:hover:active,
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive)#{$not_lwtheme} #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:hover:active,
:root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:hover:active {
fill: color-mix(
in srgb,
$accentTextColor 15%,
@ -98,14 +98,14 @@
"userChrome.tab.bottom_rounded_corner.chrome",
"userChrome.tab.bottom_rounded_corner.edge"
) {
:root[tabsintitlebar]:not(:-moz-window-inactive)#{$not_lwtheme} #tabs-newtab-button:hover,
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive)#{$not_lwtheme} #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:hover,
:root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:hover {
background-image: var(--uc-tab-corner-left-side-svg),
linear-gradient(to left, color-mix(in srgb, $accentTextColor 10%, transparent), color-mix(in srgb, $accentTextColor 10%, transparent)),
var(--uc-tab-corner-right-side-svg);
}
:root[tabsintitlebar]:not(:-moz-window-inactive)#{$not_lwtheme} #tabs-newtab-button:hover:active,
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive)#{$not_lwtheme} #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:hover:active,
:root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:hover:active {
background-image: var(--uc-tab-corner-left-side-svg),
linear-gradient(to left, color-mix(in srgb, $accentTextColor 15%, transparent), color-mix(in srgb, $accentTextColor 15%, transparent)),
var(--uc-tab-corner-right-side-svg);
@ -116,7 +116,7 @@
}
/* '+'Icon */
#tabs-newtab-button .toolbarbutton-icon {
#tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button .toolbarbutton-icon {
border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0 !important; /* Original: var(--tab-border-radius) */
padding: calc(var(--toolbarbutton-inner-padding) - (var(--tab-block-margin) / 4)) var(--toolbarbutton-inner-padding)

View file

@ -1,7 +1,4 @@
.tab-label:is([selected], [attention]) {
@include NotOption("userChrome.tab.selected_bold") {
font-weight: 400 !important;
}
@include Option("userChrome.tab.selected_bold") {
font-weight: 600;
}

View file

@ -7,6 +7,26 @@
background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
}
#pinned-tabs-container
> .tabbrowser-tab
> .tab-stack
> .tab-background[selected],
#tabbrowser-tabs:not([movingtab])
> #pinned-tabs-container
> .tabbrowser-tab
> .tab-stack
> .tab-background[selected],
#pinned-tabs-container
> tab-group
> .tabbrowser-tab
> .tab-stack
> .tab-background[selected],
#tabbrowser-tabs[orient="horizontal"]:not([movingtab])
> #pinned-tabs-container
> tab-group
> .tabbrowser-tab
> .tab-stack
> .tab-background[selected],
#tabbrowser-arrowscrollbox
> .tabbrowser-tab
> .tab-stack
@ -15,6 +35,17 @@
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
> .tab-stack
> .tab-background[selected],
#tabbrowser-arrowscrollbox
> tab-group
> .tabbrowser-tab
> .tab-stack
> .tab-background[selected],
#tabbrowser-tabs[orient="horizontal"]:not([movingtab])
> #tabbrowser-arrowscrollbox
> tab-group
> .tabbrowser-tab
> .tab-stack
> .tab-background[selected] {
@include lwtheme(false) {
/* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none)

View file

@ -1,4 +1,5 @@
#TabsToolbar {
#TabsToolbar,
#vertical-tabs {
--uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 28%, var(--toolbar-bgcolor, transparent));
&[brighttext] {
@ -6,10 +7,27 @@
}
}
#tabbrowser-tabs:not([movingtab])
> #pinned-tabs-container
> .tabbrowser-tab
> .tab-stack
> .tab-background[multiselected]:not([selected]),
#tabbrowser-tabs:not([movingtab])
> #pinned-tabs-container
> tab-group
> .tabbrowser-tab
> .tab-stack
> .tab-background[multiselected]:not([selected]),
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
> .tab-stack
> .tab-background[multiselected]:not([selected]),
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> tab-group
> .tabbrowser-tab
> .tab-stack
> .tab-background[multiselected]:not([selected]) {
/* Original:
background-attachment: scroll, scroll, fixed;

View file

@ -0,0 +1,107 @@
/* context line styles */
tabs tab.tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line {
@include InlineBox(true);
&::before {
content: "";
height: 1px !important;
border-radius: 9999px !important;
transform: translateY(5px);
margin-top: -1px !important;
margin-left: 5px;
margin-right: 5px;
width: 100%;
}
}
/* Override container-tab style */
tabs tab.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
margin: unset !important;
}
/* selected tab style */
#{built-in-light-theme()} .tab-context-line,
#{built-in-dark-theme()} .tab-context-line {
--tab-line-color: #45a1ff;
}
.tabbrowser-tab:is([selected], [multiselected]) .tab-context-line::before {
background-color: var(--tab-line-color, var(--lwt-tab-line-color, #45a1ff)) !important;
}
/* Set the active effect */
.tabbrowser-tab:active > .tab-stack > .tab-background > .tab-context-line::before {
filter: brightness(70%);
margin-left: 6px;
margin-right: 6px;
}
/* Set the hover effect */
.tabbrowser-tab:hover:not([selected="true"], [multiselected])
> .tab-stack
> .tab-background
> .tab-context-line::before {
background-color: rgba(0, 0, 0, 0.4) !important;
opacity: 1 !important;
}
#TabsToolbar[brighttext]
.tabbrowser-tab:hover:not([selected="true"], [multiselected])
> .tab-stack
> .tab-background
> .tab-context-line::before {
background-color: rgba(255, 255, 255, 0.4) !important;
}
/* Animation */
@media (prefers-reduced-motion: no-preference) {
.tabbrowser-tab:hover:not([selected="true"], [multiselected])
> .tab-stack
> .tab-background
> .tab-context-line::before {
animation: toWide 0.2s cubic-bezier(0, 0.9, 0.15, 1);
}
}
/* Animation for hover effect */
@keyframes toWide {
0% {
opacity: 0.8;
margin-left: 40%;
margin-right: 40%;
}
100% {
opacity: 1;
margin-left: 5px;
margin-right: 5px;
}
}
/* --- copied (not modified) from _photon_like_contextline.scss --- */
/* Prevent identity color flashing */
.tabbrowser-tab[usercontextid] .tab-context-line {
--identity-icon-color: none;
}
:root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::before,
:root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::after {
/* As Selected Tab - Box Shadow */
stroke: var(--toolbar-color) !important;
}
/* Remove side's background color border */
:root#{$lwtheme}
#TabsToolbar[brighttext]
#tabbrowser-tabs:not([noshadowfortests])
.tabbrowser-tab:is([visuallyselected], [multiselected])
> .tab-stack
> .tab-background {
--tabs-border-color: rgba(0, 0, 0, 0.3) !important;
box-shadow: 0 0 1px var(--tabs-border-color) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)) */
}
#TabsToolbar:not([brighttext])
#tabbrowser-tabs:not([noshadowfortests])
.tabbrowser-tab:is([visuallyselected], [multiselected])
> .tab-stack
> .tab-background {
box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
}

View file

@ -60,6 +60,29 @@
width: 17px !important;
height: 17px !important;
}
.tab-icon-overlay:not([crashed]) {
// https://github.com/black7375/Firefox-UI-Fix/issues/1011
&:is([soundplaying], [muted], [activemedia-blocked]) {
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
border: none !important;
}
&:is([pinned], [sharing]) {
stroke: var(--tab-icon-overlay-stroke, light-dark(white, black));
color: var(--tab-icon-overlay-fill, light-dark(black, white));
}
// There is a difference in size between background-image and list-style-image due to margins, etc.
&[soundplaying] {
list-style-image: url("./icons/tab-audio-playing-small.svg");
}
&[muted] {
list-style-image: url("./icons/tab-audio-muted-small.svg");
}
&[activemedia-blocked] {
list-style-image: url("./icons/tab-audio-blocked-small.svg");
}
}
.tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
/* Color */
color: currentColor !important;
@ -69,6 +92,32 @@
opacity: 1 !important;
}
.tab-audio-button:not([crashed]),
.tab-audio-button[pinned][crashed][selected] {
/* Position */
margin-inline-start: -8px !important;
margin-inline-end: -4px !important;
z-index: 1 !important;
transform: translateX(var(--uc-sound-tab-icon-position-x)) translateY(var(--uc-sound-tab-icon-position-y));
/* Shape */
--button-size-icon-small: 17px !important;
--button-min-height-small: 17px !important;
--button-border-radius: 100% !important;
width: 17px !important;
height: 17px !important;
border-radius: 100%;
overflow: clip;
--button-text-color-ghost-hover: light-dark(white, black);
--button-background-color-ghost-hover: light-dark(black, white);
}
.tab-audio-button:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
display: flex !important;
fill-opacity: 0.8 !important;
opacity: 1 !important;
}
/* Label */
@include _hidden_tabIcon_soundTabLabel {
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {

View file

@ -23,6 +23,7 @@
//------------------------------------------------------------------------------
#pinned-tabs-container,
#tabbrowser-arrowscrollbox {
--start-tab-separator-position-x: -1.5px;
--end-tab-separator-position-x: 1.5px;
@ -40,42 +41,43 @@
}
@include Option("userChrome.tab.newtab_button_like_tab") {
.tab-stack::before,
#tabs-newtab-button::before {
#tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before,
#tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button::before {
@include _dynamicSeparatorShape;
/* More position */
transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y));
}
#tabs-newtab-button::before {
#tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button::before {
left: calc(50% - (8px + var(--toolbarbutton-inner-padding)));
}
}
@include NotOption("userChrome.tab.newtab_button_like_tab") {
.tab-stack::before,
#tabbrowser-arrowscrollbox:not([overflowing])
#tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before,
#tabbrowser-tabs:not([orient="vertical"]) #tabbrowser-arrowscrollbox:not([overflowing])
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
.tab-stack::after {
@include _dynamicSeparatorShape;
}
.tab-stack::before {
#tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before {
transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important;
}
.tabbrowser-tab:last-of-type .tab-stack::after {
#tabbrowser-tabs:not([orient="vertical"]) .tabbrowser-tab:last-of-type .tab-stack::after {
right: 0;
transform: translateX(var(--end-tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important;
}
}
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) .tab-stack::before {
#pinned-tabs-container:not([orient="vertical"]):not(:empty):not(:has(.tabbrowser-tab[pinned]:is([visuallyselected], [multiselected], :hover):last-of-type)) ~ #tabbrowser-arrowscrollbox:not([orient="vertical"]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before,
#tabbrowser-tabs:not([orient="vertical"]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) .tab-stack::before {
opacity: var(--tab-separator-opacity);
}
@include Option("userChrome.tabbar.one_liner") {
@include NotOption("userChrome.tabbar.one_liner.tabbar_first") {
@include OneLinerContent {
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before {
#tabbrowser-tabs:not([orient="vertical"]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before {
opacity: var(--tab-separator-opacity);
transform: translateX(var(--start-tab-separator-position-x)) translateY(var(--tab-separator-position-y));
}
@ -83,68 +85,75 @@
}
}
@include Option("userChrome.tab.newtab_button_like_tab") {
#tabs-newtab-button:not(:hover, [open])::before {
#tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:not(:hover, [open])::before {
opacity: var(--tab-separator-opacity);
}
}
@include NotOption("userChrome.tab.newtab_button_like_tab") {
#tabbrowser-arrowscrollbox:not([overflowing])
#tabbrowser-tabs:not([orient="vertical"]) #tabbrowser-arrowscrollbox:not([overflowing])
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
.tab-stack::after {
opacity: var(--tab-separator-opacity);
}
}
#navigator-toolbox:not([movingtab])
#tabbrowser-tabs:not([orient="vertical"]) tab-group {
&:has(.tabbrowser-tab:last-child:is(:hover, [selected])) + .tabbrowser-tab .tab-stack::before,
&[collapsed] + .tabbrowser-tab .tab-stack::before {
opacity: 0 !important;
}
}
#navigator-toolbox:not([movingtab]) #tabbrowser-tabs:not([orient="vertical"])
.tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))):is([visuallyselected], [multiselected], :hover)
.tab-stack::before,
#navigator-toolbox:not([movingtab])
#navigator-toolbox:not([movingtab]) #tabbrowser-tabs:not([orient="vertical"])
#tabbrowser-arrowscrollbox[overflowing]
tab.tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden])))
.tab-stack::before {
opacity: 0 !important;
}
@include Option("userChrome.tab.newtab_button_like_tab") {
#navigator-toolbox:not([movingtab])
#navigator-toolbox:not([movingtab]) #tabbrowser-tabs:not([orient="vertical"])
.tabbrowser-tab:is([visuallyselected], [multiselected], :hover)
+ .tabbrowser-tab
.tab-stack::before,
#navigator-toolbox:not([movingtab])
#navigator-toolbox:not([movingtab]) #tabbrowser-tabs:not([orient="vertical"])
.tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover)
~ #tabs-newtab-button::before, /* Legacy - v103 */
#navigator-toolbox:not([movingtab])
#navigator-toolbox:not([movingtab]) #tabbrowser-tabs:not([orient="vertical"])
.tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover)
~ #tabbrowser-arrowscrollbox-periphery #tabs-newtab-button::before {
opacity: 0 !important;
}
}
@include NotOption("userChrome.tab.newtab_button_like_tab") {
.tabbrowser-tab:is([visuallyselected], [multiselected], :hover)
#tabbrowser-tabs:not([orient="vertical"]) .tabbrowser-tab:is([visuallyselected], [multiselected], :hover)
+ .tabbrowser-tab:not([visuallyselected])
.tab-stack::before {
opacity: 0 !important;
}
:root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 2px;
}
:root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
:root[uidensity="compact"] #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 1px;
}
}
/* Animate */
@include Animate {
.tab-stack::before {
#tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before {
transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
}
@include Option("userChrome.tab.newtab_button_like_tab") {
#tabs-newtab-button::before {
#tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button::before {
transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
}
}
@include NotOption("userChrome.tab.newtab_button_like_tab") {
#tabbrowser-arrowscrollbox:not([overflowing])
#tabbrowser-tabs:not([orient="vertical"]) #tabbrowser-arrowscrollbox:not([overflowing])
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type
.tab-stack::after {
transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
@ -153,6 +162,6 @@
}
/* Latest Tab & New tab margin */
#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:last-of-type {
#tabbrowser-tabs:not([orient="vertical"]) #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:last-of-type {
margin-inline-end: 1px !important;
}

View file

@ -12,7 +12,7 @@
//------------------------------------------------------------------------------
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs, /* Show only */
:root:not([tabsintitlebar="true"]):not([customtitlebar="true"]) #tabbrowser-tabs, /* Show only */
#scrollbutton-up, /* Defaults */
#scrollbutton-down,
.titlebar-spacer[type="pre-tabs"],
@ -48,6 +48,7 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]),
}
/* Pinned */
#tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned][selected="true"],
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned][selected="true"] {
position: relative !important;
}
@ -70,18 +71,19 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]),
/* Padding */
@include _asTitlebar_preSpacer {
#pinned-tabs-container,
#tabbrowser-arrowscrollbox {
margin-inline: 2px !important;
}
:root[sizemode="normal"] #tabbrowser-arrowscrollbox {
:root[sizemode="normal"] & {
margin-inline: 6px !important;
}
}
}
@include Option("browser.tabs.tabmanager.enabled") {
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) ~ #alltabs-button,
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) ~ #new-tab-button {
:root:not([tabsintitlebar="true"]):not([customtitlebar="true"]) #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) ~ #alltabs-button,
:root:not([tabsintitlebar="true"]):not([customtitlebar="true"]) #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) ~ #new-tab-button {
@include Box(true);
}
}

View file

@ -6,6 +6,8 @@
// flex-wrap: wrap; // Disabled at #700
}
:root[sizemode="fullscreen"] #titlebar,
:root[sizemode="fullscreen"] #toolbar-menubar,
:root[sizemode="fullscreen"] #TabsToolbar,
:root[sizemode="fullscreen"] #nav-bar,
:root[sizemode="fullscreen"] #PersonalToolbar,
:root[sizemode="fullscreen"] #tab-notification-deck,

View file

@ -40,6 +40,7 @@ See the above repository for updates as well as full license text. */
}
.scrollbox-clip[orient="horizontal"],
#pinned-tabs-container,
#tabbrowser-arrowscrollbox {
overflow: -moz-hidden-unscrollable;
display: block;

View file

@ -2,7 +2,8 @@
See the above repository for updates as well as full license text. */
/*= Tabbar - Move to bottom ==================================================*/
#titlebar {
#titlebar,
#TabsToolbar {
@include BoxOrder(2) /* When userChrome.fullscreen.overlap */;
--tabs-navbar-shadow-size: 0px;
}
@ -81,7 +82,7 @@ See the above repository for updates as well as full license text. */
width: 100%;
overflow: hidden;
}
:root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) {
:root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar[autohide="true"]:not([inactive="true"]) {
height: var(--uc-menubar-height) !important; /* calc(var(--tab-min-height) + 2 * var(--tab-block-margin)) */
}

View file

@ -19,7 +19,9 @@
// transform: translateY(calc(-1 * var(--uc-navbar-block, 0px)));
}
#titlebar {
#titlebar,
#toolbar-menubar,
#TabsToolbar {
transform: translateY(var(--uc-navbar-block, 0px));
}
#TabsToolbar > .titlebar-buttonbox-container {

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