Compare commits
106 commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
aa9fc543b3 | ||
|
|
38507b733b | ||
|
|
2bcd91f8b8 | ||
|
|
4645a41e7e | ||
|
|
b0b977e658 | ||
|
|
44d4124a57 | ||
|
|
3b2e609eab | ||
|
|
7e21531269 | ||
|
|
37ba412b4c | ||
|
|
83431e9e76 | ||
|
|
2576f0b031 | ||
|
|
5a5dedef16 | ||
|
|
2360479dc1 | ||
|
|
5e49ab0a9a | ||
|
|
911c3f524b | ||
|
|
42a6a09f32 | ||
|
|
bfc9d9435d | ||
|
|
1d535c5ad3 | ||
|
|
5c818fc1cb | ||
|
|
392556235f | ||
|
|
87603c3873 | ||
|
|
48455a76b5 | ||
|
|
b8b036c0dd | ||
|
|
303b758dd7 | ||
|
|
db615f1753 | ||
|
|
9f52697dd2 | ||
|
|
f53624ab6e | ||
|
|
f547441c6f | ||
|
|
a9c2d4ecb5 | ||
|
|
30457b0457 | ||
|
|
d46476ce72 | ||
|
|
209a1cfe13 | ||
|
|
7f6a63fb93 | ||
|
|
ad7babfaa9 | ||
|
|
71b3bac715 | ||
|
|
3aa68db041 | ||
|
|
6147b3188d | ||
|
|
750694b282 | ||
|
|
f112f47c9c | ||
|
|
3742efb570 | ||
|
|
87abdcd37a | ||
|
|
36c05567b2 | ||
|
|
350b0524d0 | ||
|
|
f5287014e2 | ||
|
|
7d96af3abe | ||
|
|
a42a815892 | ||
|
|
f4ed175838 | ||
|
|
0a1dd71991 | ||
|
|
2658e7328e | ||
|
|
6b554042a0 | ||
|
|
54cec8c113 | ||
|
|
11c502742b | ||
|
|
7f51acc93d | ||
|
|
e5eff553fd | ||
|
|
83f4603bc1 | ||
|
|
d66bd0f400 | ||
|
|
40d8bed8cf | ||
|
|
63b47ae816 | ||
|
|
9df0a7f71d | ||
|
|
1ba1f91a71 | ||
|
|
8c845b7e97 | ||
|
|
f64a629f45 | ||
|
|
9363e9a4be | ||
|
|
a56a1044cf | ||
|
|
190aa839e6 | ||
|
|
3441312512 | ||
|
|
d60a753416 | ||
|
|
530b283da0 | ||
|
|
ed9866819a | ||
|
|
00afdf140b | ||
|
|
c327fb7fe0 | ||
|
|
df6bc8d430 | ||
|
|
0277495c0e | ||
|
|
f7718ed326 | ||
|
|
93db8584c0 | ||
|
|
e34cf5f086 | ||
|
|
ed8bbe969c | ||
|
|
113aa41f7d | ||
|
|
591cade37a | ||
|
|
50f76389ad | ||
|
|
4c78d5cd9d | ||
|
|
3b44e58ef4 | ||
|
|
b3e1b84451 | ||
|
|
ed5e5198fc | ||
|
|
227c6af7ac | ||
|
|
5390ef2858 | ||
|
|
3db45fbfe9 | ||
|
|
9e8498204f | ||
|
|
9560003715 | ||
|
|
c346292707 | ||
|
|
9584a7621d | ||
|
|
3a98df551f | ||
|
|
2795f54e65 | ||
|
|
2a2c20220e | ||
|
|
fcab63308d | ||
|
|
823d878916 | ||
|
|
c79922aa45 | ||
|
|
e1987d1ff7 | ||
|
|
10a8dc20aa | ||
|
|
c01458d891 | ||
|
|
a495031319 | ||
|
|
4b6a1d787b | ||
|
|
ce22061aca | ||
|
|
5fe1a8418f | ||
|
|
f07e9f4f33 | ||
|
|
a1f1ff5c99 |
2
.github/FUNDING.yml
vendored
|
|
@ -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
|
||||
|
|
|
|||
11
.github/actions/node-setup/action.yml
vendored
|
|
@ -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
|
||||
|
|
|
|||
2
.github/workflows/ci.yml
vendored
|
|
@ -21,7 +21,7 @@ jobs:
|
|||
|
||||
steps:
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v3
|
||||
uses: actions/checkout@v4
|
||||
|
||||
- name: Setup
|
||||
uses: ./.github/actions/node-setup
|
||||
|
|
|
|||
20
.github/workflows/release.yml
vendored
|
|
@ -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
|
|
@ -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
|
|
@ -0,0 +1 @@
|
|||
nodeLinker: node-modules
|
||||
28
CREDITS
|
|
@ -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
|
||||
|
||||
|
|
|
|||
20
README.org
|
|
@ -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*
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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
1442
css/leptonChromeESR.css
generated
353
css/leptonContent.css
generated
|
|
@ -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 {
|
||||
|
|
|
|||
97
css/leptonContentESR.css
generated
|
|
@ -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"] {
|
||||
|
|
|
|||
3
icons/align-distribute-top.svg
Normal 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 |
3
icons/align-space-evenly-vertical.svg
Normal 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 |
3
icons/apps-list-detail.svg
Normal 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 |
3
icons/arrow-between-up.svg
Normal 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 |
3
icons/arrow-up-exclamation.svg
Normal 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
|
|
@ -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
|
|
@ -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
|
|
@ -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
|
|
@ -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 |
3
icons/organization-horizontal.svg
Normal 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
|
|
@ -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 |
1
icons/profiler-stopwatch.svg
Normal 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
|
|
@ -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 |
|
|
@ -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 |
14
icons/tab-audio-blocked-circle-12.svg
Normal 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 |
6
icons/tab-audio-muted-small.svg
Normal 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 |
6
icons/tab-audio-playing-small.svg
Normal 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
|
|
@ -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
|
|
@ -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 |
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -32,5 +32,6 @@
|
|||
},
|
||||
"jest": {
|
||||
"testEnvironment": "jest-environment-node-single-context"
|
||||
}
|
||||
},
|
||||
"packageManager": "yarn@4.5.3"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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),
|
||||
|
|
|
|||
|
|
@ -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
|
||||
(
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
|
|
|
|||
|
|
@ -50,6 +50,9 @@
|
|||
box-sizing: content-box;
|
||||
padding: 0 !important;
|
||||
}
|
||||
button[data-l10n-id="addon-updates-manual-updates-found"] {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
// #911
|
||||
#categories {
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
19
src/contents/proton_contents/_about_others.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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 */
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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] */
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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\"]";
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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); */
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
107
src/tab/selected_tab/_supernova_like_contextline.scss
Normal 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) */
|
||||
}
|
||||
|
|
@ -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]) {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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)) */
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||