Horhik/Dotfiles
Horhik/Dotfiles
1
0
Fork 0
mirror of https://github.com/Horhik/dotfiles.git synced 2025-01-04 23:14:15 +00:00
Code Issues Projects Releases Wiki Activity

add firefox theme

Browse source
This commit is contained in:
horhik 2024-11-28 13:52:04 +03:00
parent 9fbb10f318
commit 93fa09d221
9 changed files with 1204 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
firefox-themes/modifyed/assets/fonts/SuperGlue.woff Normal file
View file

Binary file not shown.

BIN
firefox-themes/modifyed/assets/fonts/SuperGlue.woff2 Normal file
View file

Binary file not shown.

79
firefox-themes/modifyed/assets/icons/ff.svg Normal file
View file

@ -0,0 +1,79 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<defs>
<linearGradient id="a" x1="87.25%" y1="15.5%" x2="9.4%" y2="93.1%">
<stop offset=".05" stop-color="#fff44f"/>
<stop offset=".37" stop-color="#ff980e"/>
<stop offset=".53" stop-color="#ff3647"/>
<stop offset=".7" stop-color="#e31587"/>
</linearGradient>
<radialGradient id="b" cx="87.4%" cy="-12.9%" r="128%" gradientTransform="translate(0.874,0),scale(0.8,1),translate(-0.87,0.129)">
<stop offset=".13" stop-color="#ffbd4f"/>
<stop offset=".28" stop-color="#ff980e"/>
<stop offset=".47" stop-color="#ff3750"/>
<stop offset=".78" stop-color="#eb0878"/>
<stop offset=".86" stop-color="#e50080"/>
</radialGradient>
<radialGradient id="c" cx="49%" cy="40%" r="128%" gradientTransform="translate(0.49,0.4),scale(0.82,1),translate(-0.49,-0.4)">
<stop offset=".3" stop-color="#960e18"/>
<stop offset=".35" stop-color="#b11927" stop-opacity=".74"/>
<stop offset=".43" stop-color="#db293d" stop-opacity=".34"/>
<stop offset=".5" stop-color="#f5334b" stop-opacity=".09"/>
<stop offset=".53" stop-color="#ff3750" stop-opacity="0"/>
</radialGradient>
<radialGradient id="d" cx="48%" cy="-12%" r="140%">
<stop offset=".13" stop-color="#fff44f"/>
<stop offset=".53" stop-color="#ff980e"/>
</radialGradient>
<radialGradient id="e" cx="22.76%" cy="110.11%" r="100%">
<stop offset=".35" stop-color="#3a8ee6"/>
<stop offset=".67" stop-color="#9059ff"/>
<stop offset="1" stop-color="#c139e6"/>
</radialGradient>
<radialGradient id="f" cx="52%" cy="33%" r="59%" gradientTransform="scale(.9,1)">
<stop offset=".21" stop-color="#9059ff" stop-opacity="0"/>
<stop offset=".97" stop-color="#6e008b" stop-opacity=".6"/>
</radialGradient>
<radialGradient id="g" cx="210%" cy="-100%" r="290%">
<stop offset=".1" stop-color="#ffe226"/>
<stop offset=".79" stop-color="#ff7139"/>
</radialGradient>
<radialGradient id="h" cx="84%" cy="-41%" r="180%">
<stop offset=".11" stop-color="#fff44f"/>
<stop offset=".46" stop-color="#ff980e"/>
<stop offset=".72" stop-color="#ff3647"/>
<stop offset=".9" stop-color="#e31587"/>
</radialGradient>
<radialGradient id="i" cx="16.1%" cy="-18.6%" r="348.8%" gradientTransform="translate(0.16,-0.19),scale(1,0.47),rotate(84),translate(-0.16,0.19)">
<stop offset="0" stop-color="#fff44f"/>
<stop offset=".3" stop-color="#ff980e"/>
<stop offset=".57" stop-color="#ff3647"/>
<stop offset=".74" stop-color="#e31587"/>
</radialGradient>
<radialGradient id="j" cx="18.9%" cy="-42.5%" r="238.4%">
<stop offset=".14" stop-color="#fff44f"/>
<stop offset=".48" stop-color="#ff980e"/>
<stop offset=".66" stop-color="#ff3647"/>
<stop offset=".9" stop-color="#e31587"/>
</radialGradient>
<radialGradient id="k" cx="159.3%" cy="-44.72%" r="313.1%">
<stop offset=".09" stop-color="#fff44f"/>
<stop offset=".63" stop-color="#ff980e"/>
</radialGradient>
<linearGradient id="l" x1="80%" y1="14%" x2="18%" y2="84%">
<stop offset=".17" stop-color="#fff44f" stop-opacity=".8"/>
<stop offset=".6" stop-color="#fff44f" stop-opacity="0"/>
</linearGradient>
</defs>
<path id="shape-base" d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0 0.039 0.015 0.136 0.047 0.4C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1 0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484a120.249 120.249 0 0 0-66.142 25.488 71.355 71.355 0 0 0-6.225-4.7 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.442 26.913c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-0.212 1.061-0.324 1.586-0.452 2.116-2.08 12.7-2.365 15-0.022 0.177-0.032 0.347-0.053 0.524a229.066 229.066 0 0 0-3.9 33.157c0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746zM201.716 354.447c1.124 0.537 2.18 1.124 3.334 1.639 0.048 0.033 0.114 0.07 0.163 0.1a126.191 126.191 0 0 1-3.497-1.739zm55.053-144.93zm198.131-30.59l-0.032-0.233c0.012 0.085 0.027 0.174 0.04 0.259z" fill="url(#a)"/>
<path id="body-outer-ring" d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0-0.058 0.011 0.048 0.036 0.226 0.012 0.085 0.027 0.174 0.04 0.259 22.675 61.47 10.322 123.978-7.479 162.175-27.539 59.1-94.215 119.67-198.576 116.716C136.1 454.651 36.766 370.988 18.223 261.41c-3.379-17.28 0-26.054 1.7-40.084-2.071 10.816-2.86 13.94-3.9 33.157 0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746z" fill="url(#b)"/>
<path id="body-outer-ring-shadow" d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0-0.058 0.011 0.048 0.036 0.226 0.012 0.085 0.027 0.174 0.04 0.259 22.675 61.47 10.322 123.978-7.479 162.175-27.539 59.1-94.215 119.67-198.576 116.716C136.1 454.651 36.766 370.988 18.223 261.41c-3.379-17.28 0-26.054 1.7-40.084-2.071 10.816-2.86 13.94-3.9 33.157 0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746z" fill="url(#c)"/>
<path id="tail-tip" d="M361.922 194.6c0.524 0.368 1 0.734 1.493 1.1a130.706 130.706 0 0 0-22.31-29.112C266.4 91.892 321.516 4.626 330.811 0.194c0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484 2.8-0.194 5.592-0.429 8.442-0.429 45.051 0 84.289 24.77 105.301 61.487z" fill="url(#d)"/>
<path id="globe-base" d="M256.772 209.514c-0.393 5.978-21.514 26.593-28.9 26.593-68.339 0-79.432 41.335-79.432 41.335 3.027 34.81 27.261 63.475 56.611 78.643 1.339 0.692 2.694 1.317 4.05 1.935a132.768 132.768 0 0 0 7.059 2.886 106.743 106.743 0 0 0 31.271 6.031c119.78 5.618 142.986-143.194 56.545-186.408 22.137-3.85 45.115 5.053 57.947 14.067-21.012-36.714-60.25-61.484-105.3-61.484-2.85 0-5.641 0.235-8.442 0.429a120.249 120.249 0 0 0-66.142 25.488c3.664 3.1 7.8 7.244 16.514 15.828 16.302 16.067 58.13 32.705 58.219 34.657z" fill="url(#e)"/>
<path id="globe-shadow" d="M256.772 209.514c-0.393 5.978-21.514 26.593-28.9 26.593-68.339 0-79.432 41.335-79.432 41.335 3.027 34.81 27.261 63.475 56.611 78.643 1.339 0.692 2.694 1.317 4.05 1.935a132.768 132.768 0 0 0 7.059 2.886 106.743 106.743 0 0 0 31.271 6.031c119.78 5.618 142.986-143.194 56.545-186.408 22.137-3.85 45.115 5.053 57.947 14.067-21.012-36.714-60.25-61.484-105.3-61.484-2.85 0-5.641 0.235-8.442 0.429a120.249 120.249 0 0 0-66.142 25.488c3.664 3.1 7.8 7.244 16.514 15.828 16.302 16.067 58.13 32.705 58.219 34.657z" fill="url(#f)"/>
<path id="ear" d="M170.829 151.036a244.042 244.042 0 0 1 4.981 3.3 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7 1.155-0.033 36.014-0.66 53.543 10.732z" fill="url(#g)"/>
<path id="body" d="M18.223 261.41C36.766 370.988 136.1 454.651 248.855 457.844c104.361 2.954 171.037-57.62 198.576-116.716 17.8-38.2 30.154-100.7 7.479-162.175l-0.008-0.026-0.032-0.233c-0.025-0.178-0.04-0.284-0.036-0.226 0 0.039 0.015 0.136 0.047 0.4 8.524 55.661-19.79 109.584-64.051 146.044l-0.133 0.313c-86.245 70.223-168.774 42.368-185.484 30.966a144.108 144.108 0 0 1-3.5-1.743c-50.282-24.029-71.054-69.838-66.6-109.124-42.457 0-56.934-35.809-56.934-35.809s38.119-27.179 88.358-3.541c46.53 21.893 90.228 3.543 90.233 3.541-0.089-1.952-41.917-18.59-58.223-34.656-8.713-8.584-12.85-12.723-16.514-15.828a71.355 71.355 0 0 0-6.225-4.7 282.929 282.929 0 0 0-4.981-3.3c-17.528-11.392-52.388-10.765-53.543-10.735h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.442 26.919c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-8.65 37.842-4.44 57.199z" fill="url(#h)"/>
<path id="tail-flame" d="M341.105 166.587a130.706 130.706 0 0 1 22.31 29.112c1.323 0.994 2.559 1.985 3.608 2.952 54.482 50.2 25.936 121.2 23.807 126.26 44.261-36.46 72.575-90.383 64.051-146.044C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1-9.291 4.428-64.407 91.694 10.298 166.389z" fill="url(#i)"/>
<path id="tail-small" d="M367.023 198.651c-1.049-0.967-2.285-1.958-3.608-2.952-0.489-0.368-0.969-0.734-1.493-1.1-12.832-9.014-35.81-17.917-57.947-14.067 86.441 43.214 63.235 192.026-56.545 186.408a106.743 106.743 0 0 1-31.271-6.031 134.51 134.51 0 0 1-7.059-2.886c-1.356-0.618-2.711-1.243-4.05-1.935 0.048 0.033 0.114 0.07 0.163 0.1 16.71 11.4 99.239 39.257 185.484-30.966l0.133-0.313c2.129-5.054 30.675-76.057-23.807-126.258z" fill="url(#j)"/>
<path id="cheek-tufts" d="M148.439 277.443s11.093-41.335 79.432-41.335c7.388 0 28.509-20.615 28.9-26.593s-43.7 18.352-90.233-3.541c-50.239-23.638-88.358 3.541-88.358 3.541s14.477 35.809 56.934 35.809c-4.453 39.286 16.319 85.1 66.6 109.124 1.124 0.537 2.18 1.124 3.334 1.639-29.348-15.169-53.582-43.834-56.609-78.644z" fill="url(#k)"/>
<path id="overlay-yellow" d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0 0.039 0.015 0.136 0.047 0.4C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1 0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484 2.8-0.194 5.592-0.429 8.442-0.429 45.053 0 84.291 24.77 105.3 61.484-12.832-9.014-35.81-17.917-57.947-14.067 86.441 43.214 63.235 192.026-56.545 186.408a106.743 106.743 0 0 1-31.271-6.031 134.51 134.51 0 0 1-7.059-2.886c-1.356-0.618-2.711-1.243-4.05-1.935 0.048 0.033 0.114 0.07 0.163 0.1a144.108 144.108 0 0 1-3.5-1.743c1.124 0.537 2.18 1.124 3.334 1.639-29.35-15.168-53.584-43.833-56.611-78.643 0 0 11.093-41.335 79.432-41.335 7.388 0 28.509-20.615 28.9-26.593-0.089-1.952-41.917-18.59-58.223-34.656-8.713-8.584-12.85-12.723-16.514-15.828a71.355 71.355 0 0 0-6.225-4.7 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.435 26.916c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-0.212 1.061-0.324 1.586-0.452 2.116-2.486 12.853-2.77 15.156-0.022 0.177 0.021-0.176 0 0a279.565 279.565 0 0 0-3.544 33.53c0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746zm-23.841 12.341c0.012 0.085 0.027 0.174 0.04 0.259l-0.008-0.026-0.032-0.233z" fill="url(#l)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

1
firefox-themes/modifyed/assets/icons/github.svg Normal file
View file

@ -0,0 +1 @@
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 960 B

1
firefox-themes/modifyed/assets/icons/githubB.svg Normal file
View file

@ -0,0 +1 @@
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 963 B

1
firefox-themes/modifyed/assets/icons/hl.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="context-fill"><path d="m548-410-90-91-193 193 91 91 192-193Zm-38-143 90 91 192-192-90-91-192 192Zm-77-24 192 192-218 218q-22 20-50.5 21.5T308-164l-20 20H96l116-116q-21-20-20-49.5t23-49.5l218-218Zm0 0 218-218q21-21 51-21t51 21l90 90q20 22 20 51t-20 51L625-385 433-577Z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 374 B

1
firefox-themes/modifyed/assets/icons/word.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="context-fill"><path d="M40-199v-200h80v120h720v-120h80v200H40Zm342-161v-34h-3q-13 20-35 31.5T294-351q-49 0-77-25.5T189-446q0-42 32.5-68.5T305-541q23 0 42.5 3.5T381-526v-14q0-27-18.5-43T312-599q-21 0-39.5 9T241-564l-43-32q19-27 48-41t67-14q62 0 95 29.5t33 85.5v176h-59Zm-66-134q-32 0-49 12.5T250-446q0 20 15 32.5t39 12.5q32 0 54.5-22.5T381-478q-14-8-32-12t-33-4Zm185 134v-401h62v113l-3 40h3q3-5 24-25.5t66-20.5q64 0 101 46t37 106q0 60-36.5 105.5T653-351q-41 0-62.5-18T563-397h-3v37h-59Zm143-238q-40 0-62 29.5T560-503q0 37 22 66t62 29q40 0 62.5-29t22.5-66q0-37-22.5-66T644-598Z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 682 B

973
firefox-themes/modifyed/userChrome.css Normal file
View file

@ -0,0 +1,973 @@
/*! SHIMMMER v2.14 */
/*? https://github.com/nuclearcodecat/shimmer */
/* browser toolbox prompt hack - set devtools.debugger.prompt-connection to false */
/*? shimmer variables */
:root {
/*? urlbar border radius */
--shimmer-urlbar-rounding: 8px;
--shimmer-urlbar-inner-rounding: calc(var(--shimmer-urlbar-rounding) * .75);
/*? max tab width */
--shimmer-tab-max-width: 14em;
/*? min tab width */
--shimmer-tab-min-width: 9em;
/* --shimmer-tab-height: 32px; */
/* --shimmer-titlebar-height: calc(var(--shimmer-tab-height) + 6px); */
--shimmer-tab-border-radius: 8px;
--shimmer-browser-border-radius8;
--shimmer-top-bottom-browser-margin: 8px;
/* could be hardcoded in some places... */
--shimmer-btn-anim: background 0.075s linear, opacity 0.075s linear;
/*? gap between window control buttons */
--shimmer-winctr-gap: 5px;
/*? margin around winctr buttons */
--shimmer-winctr-margin: 12px;
}
/*? overwritten variables */
:root {
--arrowpanel-menuitem-margin-inline: 5px !important;
--arrowpanel-header-min-height: calc(calc(var(--arrowpanel-header-back-icon-full-width) + (var(--panel-separator-margin-horizontal) * 2)) * 0.5) !important;
--arrowpanel-menuitem-padding: 4px 8px !important;
--arrowpanel-border-radius: 8px !important;
--arrowpanel-menuitem-border-radius: calc(var(--arrowpanel-border-radius) / 1.65) !important;
/* --var-tab-min-height: 10px !important; */
/* --tab-border-radius: var(--shimmer-tab-border-radius) !important; */
/*? disable opacity change when tabbed out */
--inactive-titlebar-opacity: 1 !important;
--splitter-width: 8px !important;
}
/*? customize context menu */
/* #context-back, */
/* #context-bookmarklink, */
/* #context-bookmarkpage, */
/* #context-forward, */
/* #context-inspect, */
#context-inspect-a11y,
/* #context-navigation, */
/* #context-openlink, */
/* #context-openlinkintab, */
/* #context-openlinkinusercontext-menu, */
/* #context-openlinkprivate, */
#context-pocket,
/* #context-reload, */
#context-savelink,
#context-savelinktopocket,
/* #context-savepage, */
/* #context-searchselect, */
/* #context-selectall, */
/* #context-sendlinktodevice, */
/* #context-sendpagetodevice, */
/* #context-sep-navigation, */
/* #context-sep-open, */
/* #context-sep-selectall, */
#context-sep-sendlinktodevice,
#context-sep-sendpagetodevice,
/* #context-sep-viewbgimage, */
#context-sep-viewsource,
/* #context-stop, */
/* #context-viewbgimage, */
/* #context-viewinfo, */
#context-viewpartialsource-selection,
#context-viewsource,
/* #inspect-separator, */
#screenshots_mozilla_org_create-screenshot {
display: none !important;
}
/*? slim scrollbars everywhear!!!! */
* {
scrollbar-width: thin !important;
}
@media (-moz-bool-pref: "shimmer.hide-sidebar-button") {
#sidebar-button {
display: none !important;
}
}
/*! ====== titlebar ====== */
.toolbarbutton-animatable-box>image {
/*? change reload button animation length */
animation-duration: 0.7s !important;
animation-timing-function: ease-in-out !important;
}
/*? change bookmark star button to yellow_ when starred */
#star-button[starred="true"] {
fill: #f7e617 !important;
stroke: #000 !important;
stroke-width: 2px !important;
filter: drop-shadow(0px 0px 0.5px #000) !important;
}
/*? taller navbar */
@media not (-moz-bool-pref: "shimmer.shorter-navbar") {
#navigator-toolbox, #nav-bar {
min-height: 50px !important;
}
}
#TabsToolbar {
height: 100% !important;
visibility: collapse !important;
}
/*? make extensions buttons reach the entire height of navbar */
#nav-bar-customization-target toolbarbutton {
height: 100% !important;
}
#urlbar {
margin: 0 !important;
}
/*? move the window control buttons to the same row as urlbar */
#main-window[titlepreface="​"] #navigator-toolbox {
display: grid !important;
grid-template-rows: repeat(4, auto);
}
#PersonalToolbar:not([collapsed="true"]) {
padding-bottom: calc(var(--shimmer-top-bottom-browser-margin) / 2) !important;
}
#main-window[titlepreface="​"] #PersonalToolbar {
grid-area: 4 / 1 / 5 / 3 !important;
}
#main-window[titlepreface="​"] #toolbar-menubar {
grid-area: 1 / 1 / 2 / 3 !important;
}
@media not (-moz-bool-pref: "shimmer.reverse-winctr-buttons-side") {
#navigator-toolbox {
grid-template-columns: 1fr auto !important;
}
#main-window[titlepreface="​"] #nav-bar {
grid-area: 3 / 1 / 4 / 2 !important;
}
@media (-moz-bool-pref: "shimmer.nightly") {
#main-window[titlepreface="​"] #TabsToolbar {
grid-area: 3 / 2 / 4 / 3 !important;
}
}
@media not (-moz-bool-pref: "shimmer.nightly") {
#main-window[titlepreface="​"] #titlebar {
grid-area: 3 / 2 / 4 / 3 !important;
}
}
}
@media (-moz-bool-pref: "shimmer.reverse-winctr-buttons-side") {
#navigator-toolbox {
grid-template-columns: auto 1fr !important;
}
#main-window[titlepreface="​"] #nav-bar {
grid-area: 3 / 2 / 4 / 3 !important;
}
@media (-moz-bool-pref: "shimmer.nightly") {
#main-window[titlepreface="​"] #TabsToolbar {
grid-area: 3 / 1 / 4 / 2 !important;
}
}
@media not (-moz-bool-pref: "shimmer.nightly") {
#main-window[titlepreface="​"] #titlebar {
grid-area: 3 / 1 / 4 / 2 !important;
}
}
#TabsToolbar {
flex-direction: row-reverse !important;
}
}
/*TODO possible fix for macos icons not centered (#3) */
.titlebar-buttonbox-container {
justify-content: space-evenly !important;
align-items: center !important;
}
.titlebar-buttonbox {
height: 100% !important;
align-items: center !important;
}
.titlebar-button {
height: 100% !important;
}
/*? make the window grabbable at the top, but not the window control buttons */
/* #main-window[titlepreface="​"] #nav-bar {
border-top: 1px solid rgba(0, 0, 0, 0) !important;
}
#main-window[titlepreface=""] .toolbar-items {
margin-top: 1px !important;
} */
/*? hide native tabs */
#main-window[titlepreface="​"] #TabsToolbar > .toolbar-items {
display: none !important;
}
/*? make navigation buttons white_ when sidebar open */
#main-window[titlepreface="​"] #navigator-toolbox {
background: var(--toolbar-bgcolor) !important;
}
/*? hide spacers when sidebery open */
#main-window[titlepreface="​"] #TabsToolbar .titlebar-spacer {
display: none;
}
/*! === menubar === */
/*? hide regular winctr buttons when menubar is open */
@media (-moz-bool-pref: "shimmer.nightly") {
#toolbar-menubar:not([inactive]) ~ #TabsToolbar .titlebar-buttonbox-container {
display: none !important;
}
}
#toolbar-menubar:not([inactive]) {
width: 100vw !important;
overflow: hidden !important;
min-height: 0 !important;
height: auto !important;
}
/*? hide if sidebery open and stable release */
@media not (-moz-bool-pref: "shimmer.nightly") {
#main-window[titlepreface="​"] #titlebar #toolbar-menubar {
display: none !important;
}
}
/*! === urlbar === */
/*? rounded url bar and box */
#urlbar-background {
background: var(--toolbar-field-background-color) !important;
/* background: color-mix(in srgb, var(--toolbar-bgcolor) 90%, rgba(0, 0, 0, 255)) !important; */
border-radius: var(--shimmer-urlbar-rounding) !important;
transition: all 0.1s linear !important;
}
/*? rounded buttons inside urlbar (firefox logo on about pages, padlock, trans, etc.) */
#identity-box > box, #tracking-protection-icon-container, #page-action-buttons > *, #urlbar-revert-button-container, #urlbar-searchmode-switcher {
border-radius: var(--shimmer-urlbar-rounding) !important;
}
/*? needed for popup transition to work */
#urlbar {
margin-top: 0 !important;
transition: margin-top 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
}
/*? make the background of extended urlbar move down and BROKEN drop a blur behing */
#urlbar[breakout-extend] {
position: fixed !important;
margin-top: 12vh !important;
/* margin-left: 8vw !important; */
z-index: 9999 !important;
transition: margin-top 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
/* backdrop-filter: blur(8px) !important; */
background: rgba(0, 0, 0, 0) !important;
/* border-radius: 20px; */
left: 10% !important;
width: calc(100vw - 20%) !important;
}
#urlbar[breakout-extend] #urlbar-background {
background: var(--toolbar-field-focus-background-color) !important;
transition: all 0.1s linear !important;
}
/*? urlbox backdrop */
#urlbar[breakout-extend]::before{
content: '' !important;
width: 100vw !important;
height: 100vh !important;
position: fixed !important;
pointer-events: none !important;
overflow: hidden !important;
top: 0 !important;
left: 0 !important;
background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 65%, rgba(0, 0, 0, 0)) !important;
}
@media (min-width: 800px) {
/*? urlbar bigger text */
#urlbar[breakout-extend] #urlbar-input {
font-size: 1.5rem !important;
}
/*? taller urlbar for bigger text when extended */
#urlbar[breakout-extend] .urlbar-input-container {
height: 48px !important;
}
}
/*? centered text when urlbar not in use */
#urlbar:not(:is([breakout-extend])) #urlbar-input {
text-align: center !important;
}
/*? center the text further */
#urlbar-input {
margin-right: 40px !important /* width of identity box */;
}
/*? hide search one offs */
@media not (-moz-bool-pref: "shimmer.show-search-one-offs") {
.search-one-offs {
display: none !important;
}
}
/*? fix for floating urlbar */
@media (-moz-bool-pref: "shimmer.nightly") {
#urlbar:not([breakout-extend]) {
top: auto !important;
}
}
/*? hide 1px line below urlbar */
.urlbarView-body-inner {
border-top: none !important;
}
/*? hide border below top bar */
#navigator-toolbox {
border: 0px !important;
}
/*? make rounded borders have nice color */
#browser {
background: var(--toolbar-bgcolor) !important;
}
/*? if popup window, make urlbar smaller and centered */
#main-window[chromehidden*="toolbar"] #urlbar-container {
max-width: 90% !important;
margin-left: auto !important;
margin-right: auto !important;
}
/*! === findbar === */
findbar {
border: 0 !important;
/*? relative for margins */
position: relative !important;
border-radius: 16px !important;
bottom: 60px !important;
margin-left: auto !important;
margin-right: auto !important;
width: 530px !important;
height: 3rem !important;
display: flex !important;
align-items: center !important;
/*? fix for relative positioning */
margin-top: -40px !important;
border: 0 !important;
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
overflow-x: visible !important;
filter: drop-shadow(0px 0px 1px color-mix(in srgb, var(--lwt-text-color) 60%, rgba(0, 0, 0, 0)));
}
findbar[hidden]{
margin-bottom: 0 !important;
opacity: 0 !important;
background: rgba(0, 0, 0, 0) !important;
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
}
findbar:not([hidden]) {
opacity: 1 !important;
background: var(--lwt-accent-color) !important;
}
.findbar-container, .findbar-container > hbox {
height: 100% !important;
}
.findbar-container {
margin-left: 7px !important;
}
/*? change text to icons for smaller findbar */
.findbar-container checkbox::after {
height: 16px;
font-size: 14px;
background-size: cover;
display: flex;
align-items: center;
-moz-context-properties: fill;
fill: currentColor;
color: inherit;
}
.findbar-highlight::after {
content: '';
background: url(./assets/icons/hl.svg) no-repeat;
width: 18px;
background-position-y: -1px;
}
.findbar-match-diacritics::after {
content: 'ąâ';
font-weight: 600;
}
.findbar-entire-word::after {
content: '';
background: url(./assets/icons/word.svg) no-repeat;
width: 20px;
background-position-y: -2px;
}
.findbar-case-sensitive::after {
content: 'Aa';
font-weight: 600;
}
/*? hide all text for findbar checkboxes */
.findbar-container checkbox > .checkbox-label-box {
display: none !important;
}
.findbar-textbox {
border-radius: 11px !important;
font-family: monospace !important;
padding: 5px 8px !important;
width: 16em !important;
}
.findbar-closebutton:hover {
opacity: 1 !important;
background: var(--toolbarbutton-hover-background) !important;
}
.findbar-closebutton {
opacity: 1 !important;
background: var(--lwt-accent-color) !important;
/* wasn't square for some reason */
width: auto !important;
}
/*? move matched amount below main findbar */
.found-matches {
position: absolute !important;
padding: 20px 13px 3px 10px !important;
top: 14px !important;
background: var(--lwt-accent-color) !important;
/* border: solid var(--arrowpanel-border-color) 1px !important; */
left: -12px !important;
border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important;
z-index: 9 !important;
}
.findbar-find-status {
display: none !important;
}
.found-matches::before {
z-index: 8 !important;
}
.found-matches::after {
position: absolute;
display: block;
content: '';
width: 16px;
height: 22px;
background: var(--lwt-accent-color);
right: -6px;
top: 12px;
transform: rotate(45deg);
}
.findbar-textbox {
z-index: 10 !important;
}
/*? compact private browsing indicator */
#private-browsing-indicator-with-label > label, .private-browsing-indicator-label {
display: none !important;
}
.private-browsing-indicator-icon {
width: 24px !important;
height: 24px !important;
}
#PanelUI-menu-button {
display: flex !important;
}
@media (max-width: 620px) {
#PanelUI-menu-button {
display: none !important;
}
#unified-extensions-button {
margin-right: 12px !important;
}
}
/*? make the go button bigger in urlbar */
.urlbar-go-button {
height: 100% !important;
width: auto !important;
padding: 1.5% !important;
border-radius: var(--shimmer-urlbar-inner-rounding) !important;
}
/*? rounded results */
.urlbarView-row {
border-radius: var(--shimmer-urlbar-inner-rounding) !important;
}
/*? for some reason the results get clipped so adding some padding */
.urlbarView {
padding: 0 5px !important;
}
.urlbarView-row:hover {
background: var(--urlbar-box-hover-bgcolor) !important;
}
/*? small separator between results and search bar */
/* .urlbarView-body-outer {
border-top: 1px rgba(0, 0, 0, 0.15) solid !important;
} */
.urlbarView-body-outer::before {
content: '';
width: 95%;
margin-left: auto;
margin-right: auto;
height: 1px;
background: #aaa;
opacity: 0.2;
display: block;
mix-blend-mode: difference;
}
.urlbarView-body-inner {
border: 0 !important;
}
/*? increase padding in urlbar */
#urlbar-results {
padding-bottom: 8px !important;
}
/*? seamless transition */
/* #sidebar-box {
box-shadow: -10px -100px 0px 100px var(--toolbar-bgcolor),
0 0px 20px 15px var(--lwt-accent-color);
} */
/*? hide the hiding box shadow */
/* #navigator-toolbox {
z-index: 2 !important;
} */
/*? add margin to left of browser when sidebar hidden */
#sidebar-box[hidden="true"] ~ #tabbrowser-tabpanels {
padding-left: 3px !important;
}
#tabbrowser-tabpanels, #sidebar-box {
background: rgba(0, 0, 0, 0) !important;
}
/*! === floating statuspanel === */
/*? move statuspanel */
#statuspanel {
bottom: 11px !important;
left: 11px !important;
}
#statuspanel[mirror] {
left: auto !important;
right: 18px !important;
}
/*? round statuspanel */
#statuspanel, #statuspanel-label {
border-radius: 10px !important;
}
/*? border and alternative statuspanel padding */
#statuspanel-label {
padding: 3px 8px !important;
border: solid 1px var(--button-background-color-active) !important;
}
/*? color the statuspanel */
#statuspanel-label {
background: var(--lwt-accent-color) !important;
color: var(--lwt-text-color) !important;
}
#statuspanel, #statuspanel[type="overLink"] {
transition: opacity 75ms, visibility 75ms !important;
}
/*! === tabs === */
/*? tab on titlebar that's not pinned */
#tabbrowser-tabs[orient="horizontal"] .tabbrowser-tab[fadein]:not([pinned]) {
/*? min tab width */
min-width: var(--shimmer-tab-min-width) !important;
/*? max tab width */
max-width: var(--shimmer-tab-max-width) !important;
}
/*? make tab background round and small */
.tab-background {
min-height: 0 !important;
border: solid 1px color-mix(in srgb, var(--tab-selected-bgcolor) 90%, #000);
box-shadow: 0 0 0 #fff !important;
/* CHANGED check overwritten vars for tab rounding */
border-radius: var(--shimmer-tab-border-radius) !important;
}
/*? show tab close buttons when hovering tab */
#tabbrowser-tabs[orient="horizontal"] .tabbrowser-tab:not([pinned]):hover .tab-close-button {
display: block !important;
}
/*? hide shadow on tabbrowser (overflow already indicated by arrow clickable) */
spacer[part="overflow-end-indicator"], spacer[part="overflow-start-indicator"] {
display: none !important;
}
/*? change tab background color */
.tab-background {
background: color-mix(in srgb, var(--tab-selected-bgcolor) 20%, rgba(0, 0, 0, 0));
}
/*? hide firefox view separator */
#tabbrowser-tabs {
border: 0 !important;
}
/*? tab height and x button pos */
#tabbrowser-tabs[orient="vertical"] .tab-background {min-height: 28px !important;}
#tabbrowser-tabs[orient="vertical"][expanded] {
min-width: 400px !important;
}
@media not (-moz-bool-pref: "shimmer.taller-tabs") {
#tabbrowser-tabs[orient="horizontal"], .tabbrowser-tab {
min-height: 38px !important;
height: 38px !important;
}
.tab-close-button {
margin-inline-end: -7px !important;
}
}
@media (-moz-bool-pref: "shimmer.taller-tabs") {
#tabbrowser-tabs[orient="horizontal"], .tabbrowser-tab {
min-height: 45px !important;
height: 45px !important;
}
.tab-close-button {
margin-inline-end: -3px !important;
}
}
/*? make inner tab html occupy whole height (for some reason wouldn't happen to pinned tab) */
.tab-stack {
height: 100% !important;
}
/*? don't change background behind tabs even when window inactive */
#navigator-toolbox, #navigator-toolox:-moz-window-inactive {
background: var(--lwt-accent-color) !important;
}
/*? rounded tab close button */
.tab-close-button {
border-radius: var(--shimmer-tab-border-radius) !important;
}
.tab-close-button, .tab-close-button:hover {
transition: var(--shimmer-btn-anim) !important;
}
/*? reduce max tab width, breaks everything lol */
/* .tabbrowser-tab {
max-width: 14em !important;
} */
/*? minimal selected tab width */
@media not (-moz-bool-pref: "shimmer.dont-expand-selected-tab") {
#tabbrowser-tabs[orient="horizontal"] .tabbrowser-tab:not([pinned])[selected] {
min-width: 14em !important;
}
}
/*? fix for moving tabs looking weird */
#tabbrowser-tabs {
&[orient="horizontal"] {
&[movingtab] {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
}
}
/*! === sidebar === */
/*? hide header, or give good color */
@media not (-moz-bool-pref: "shimmer.show-sidebar-header") {
#sidebar-header {
display: none !important;
}
}
#sidebar-header {
background: var(--lwt-accent-color) !important;
}
/*? remove ugly border below "tabs" text */
#sidebar-header {
border-bottom: 0 !important;
}
#sidebar-box:not([hidden]), #sidebar-box:not([hidden]) ~ #tabbrowser-tabbox {
margin-bottom: var(--shimmer-top-bottom-browser-margin) !important;
}
#sidebar-box:not([hidden]) {
margin-left: 0 !important;
margin-right: var(--splitter-width) !important;
}
@media (-moz-bool-pref: "shimmer.sidebar-right-side") {
#sidebar-box:not([hidden]) {
margin-right: 0 !important;
margin-left: var(--splitter-width) !important;
}
}
#sidebar-splitter {
--sidebar-splitter: 8px !important;
border: 0 !important;
}
@media not (-moz-bool-pref: "shimmer.show-sidebar-header-close-button") {
#sidebar-close {
display: none !important;
}
}
#sidebar-close {
/* ch */
margin-right: 10px !important;
}
/*? rounded browser on left edge */
#sidebar-box:not([hidden]) ~ #tabbrowser-tabbox {
border-radius: 0;
border-top-left-radius: var(--shimmer-browser-border-radius) !important;
border-bottom-left-radius: var(--shimmer-browser-border-radius) !important;
overflow: hidden !important;
}
/*? rounded sidebar on right edge */
#sidebar-box {
border-top-right-radius: var(--shimmer-browser-border-radius) !important;
border-bottom-right-radius: var(--shimmer-browser-border-radius) !important;
overflow: hidden !important;
}
@media (-moz-bool-pref: "shimmer.sidebar-right-side") {
/*? rounded browser on right edge */
#sidebar-box:not([hidden]) ~ #tabbrowser-tabbox {
border-radius: 0 !important;
border-top-right-radius: var(--shimmer-browser-border-radius) !important;
border-bottom-right-radius: var(--shimmer-browser-border-radius) !important;
}
/*? rounded sidebar on left edge */
#sidebar-box {
border-radius: 0 !important;
border-top-left-radius: var(--shimmer-browser-border-radius) !important;
border-bottom-left-radius: var(--shimmer-browser-border-radius) !important;
}
}
/*? animated sidebar-box hidden animation, breaks native tabs because the sidebery titlepreface reappears when #sidebar-box display prop isn't none */
/* #sidebar-box[hidden] {
visibility: hidden !important;
min-width: 0 !important;
width: 0 !important;
transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
opacity: 0 !important;
}
#sidebar-box:not([hidden]) {
opacity: 1 !important;
}
#sidebar-splitter:not([state="dragging"]) ~ #tabbrowser-tabbox, #sidebar-splitter:not([state="dragging"]) ~ #sidebar-box, #sidebar-splitter[hidden] ~ #sidebar-box {
transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
}
#sidebar-splitter[hidden] {
display: flex !important;
width: 0px !important;
} */
/*! === menus === */
/*? consistent color for ctx menus */
.menupopup-arrowscrollbox, #searchmode-switcher-popup slot[part="content"] {
background: var(--lwt-accent-color, var(--panel-background)) !important;
border-radius: var(--arrowpanel-border-radius) !important;
border: 0 !important;
outline: solid 1px var(--lwt-tab-line-color) !important;
}
/*? round context menu items */
/* --panel-background */
menuitem, menu, .menu-iconic, #searchmode-switcher-popup tooblarbutton {
border-radius: var(--arrowpanel-menuitem-border-radius) !important;
/* margin-inline: var(--arrowpanel-menuitem-margin-inline) !important; */
padding: var(--arrowpanel-menuitem-padding) !important;
}
/*? better hover color */
/* menuitem:hover, menu:hover, .menu-iconic:hover, #searchmode-switcher-popup:hover tooblarbutton {
background: var(--panel-item-hover-bgcolor) !important;
} */
menu, menuitem {
&:where([_moz-menuactive]) {
&:not([disabled="true"]) {
background: color-mix(in srgb, var(--lwt-accent-color, var(--panel-background)) 85%, var(--lwt-text-color, var(--panel-color))) !important;
}
background: color-mix(in srgb, var(--lwt-accent-color, var(--panel-background)) 92.5%, var(--lwt-text-color, var(--panel-color))) !important;
}
}
/*? fading backgrounds on buttons */
menuitem, toolbarbutton > stack, toolbaritem, toolbarbutton, toolbarbutton > image, .urlbarView-row, menu,
menuitem:hover, toolbarbutton:hover > stack, toolbaritem:hover, toolbarbutton:hover, toolbarbutton:hover > image, .urlbarView-row:hover, menu:hover,
.findbar-closebutton, .findbar-closebutton:hover
{
transition: var(--shimmer-btn-anim) !important;
}
/*? */
#context-navigation menuitem {
padding: 2px !important;
}
/*? smaller manage extensions button */
#unified-extensions-manage-extensions {
padding: 5px 8px !important;
margin-bottom: 5px !important;
}
/*? larger titles in panels like extensions */
.panel-header {
font-size: 1.35rem !important;
}
/*? panelui smaller margin */
.panel-subview-body {
margin-bottom: 5px !important;
}
.panel-subview-body {
padding: 5px 0 0 0 !important;
}
treecol {
transition: var(--shimmer-btn-anim) !important;
}
/*! === autoscroller === */
/* why no work */
/* #autoscroller slot[part="content"] {
--panel-background: var(--lwt-accent-color) !important;
background-color: var(--panel-background) !important;
background-image: var(--autoscroll-background-image) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
border-radius: 12px !important;
} */
/*! === compact, macos-like winctr buttons === */
@media not (-moz-bool-pref: "shimmer.disable-compact-winctr-buttons") {
#toolbar-menubar .titlebar-buttonbox > toolbarbutton {
&:hover > image {
padding: 2px 0 !important;
}
}
#TabsToolbar .titlebar-buttonbox > toolbarbutton {
&:hover > image {
padding: 4px 0 !important;
}
}
.titlebar-buttonbox > toolbarbutton {
background: rgba(0, 0, 0, 0) !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
& > image {
width: 14px !important;
height: 14px !important;
border-radius: 12px !important;
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
list-style-image: none !important;
box-sizing: content-box !important;
padding: 0px !important;
background: var(--toolbarbutton-hover-background) !important;
}
&:hover > image {
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
}
}
.titlebar-close {
/* background: hsl(355, 86%, 49%) url(chrome://browser/skin/window-controls/close.svg) no-repeat center !important; */
&:hover > image {
background: #fc5753 !important;
}
padding-right: calc(var(--shimmer-winctr-gap) + var(--shimmer-winctr-margin)) !important;
padding-left: var(--shimmer-winctr-gap) !important;
}
.titlebar-min {
&:hover > image {
background: #fdbc40 !important;
}
padding-left: calc(var(--shimmer-winctr-gap) + var(--shimmer-winctr-margin)) !important;
padding-right: var(--shimmer-winctr-gap) !important;
}
.titlebar-max, .titlebar-restore {
&:hover > image {
background: #33c748 !important;
}
padding: 0 var(--shimmer-winctr-gap) !important;
}
@media not (-moz-bool-pref: "shimmer.reverse-winctr-buttons-side") {
#main-window[titlepreface="​"] #toolbar-menubar:not([inactive]) #PanelUI-menu-button {
padding-right: 0 !important;
}
}
/* .titlebar-buttonbox-container {
margin: 0 var(--shimmer-winctr-margin) 0 0 !important;
} */
}
/* review: todo, change, fix */
/*TODO some of the usual buttons that appear on the right-click context menu are hidden. right now you can change them at the top of `userChrome.css`. i will maybe later introduce `about:config` variables for easier customization */
/*TODO autoscroller styles */

148
firefox-themes/modifyed/userContent.css Normal file
View file

@ -0,0 +1,148 @@
@font-face {
font-family: 'Super Glue';
src: url('./assets/fonts/SuperGlue.woff2') format('woff2'),
url('./assets/fonts/SuperGlue.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--shimmer-urlbar-rounding: 100px;
}
*:not(.tabs-menu) {
scrollbar-width: thin !important;
}
.activity-stream .outer-wrapper > main, .showPrivate {
/* background: var(--newtab-background-color-secondary) !important; */
background: rgba(150, 150, 150, 0.35) !important;
border-radius: 48px;
height: auto !important;
margin-top: auto !important;
margin-bottom: auto !important;
min-width: 250px !important;
}
.activity-stream .outer-wrapper > main {
padding: 2rem 0 0 0 !important;
mix-blend-mode: luminosity !important;
}
.showPrivate {
padding: 2rem !important;
}
.activity-stream .logo, .showPrivate .logo {
display: none !important;
}
.activity-stream .logo-and-wordmark, .showPrivate .logo-and-wordmark {
margin-bottom: 24px !important;
}
.activity-stream .wordmark, .showPrivate .wordmark {
background: none !important;
width: auto !important;
height: auto !important;
display: flex !important;
align-items: center !important;
margin: 0 !important;
gap: 1.5rem !important;
}
.activity-stream .wordmark::after, .showPrivate .wordmark::after {
content: 'firefox';
font-family: 'super glue';
color: #fff !important;
filter: drop-shadow(0px 0px 1.5px rgba(0, 0, 0, 0.15));
/* mix-blend-mode: color-burn !important; */
font-size: 4.25rem;
letter-spacing: .25rem;
}
.activity-stream .wordmark::before, .showPrivate .wordmark::before {
content: '';
background: url(./assets/icons/ff.svg);
background-size: 100% 100%;
width: 100px;
height: 100px;
display: block;
}
@media only screen and (max-width: 609px) {
.activity-stream .wordmark::after, .showPrivate .wordmark::after {
display: none !important;
}
.activity-stream .outer-wrapper > main, .showPrivate {
width: 95% !important;
margin-right: auto !important;
margin-left: auto !important;
}
.activity-stream .wordmark::before, .showPrivate .wordmark::before {
width: 70px;
height: 70px;
}
.activity-stream .fake-textbox, .showPrivate .fake-textbox {
display: none !important;
}
}
.activity-stream .search-handoff-button, .showPrivate .search-handoff-button {
border-radius: var(--shimmer-urlbar-rounding) !important;
}
.activity-stream .search-handoff-button {
mix-blend-mode: color-burn !important;
}
.activity-stream .search-inner-wrapper, .showPrivate .logo-and-wordmark {
background: transparent !important;
}
.activity-stream .search-inner-wrapper {
mix-blend-mode: color-burn !important;
}
.activity-stream .wallpaper-attribution {
position: static !important;
margin-left: auto !important;
margin-right: auto !important;
mix-blend-mode: luminosity !important;
color: #fff !important;
filter: drop-shadow(0px 0px 1.5px rgba(0, 0, 0, 0.3)) !important;
}
.activity-stream .outer-wrapper, .showPrivate .outer-wrapper {
display: flex !important;
padding: 48px !important;
}
.activity-stream .customize-menu .close-button-wrapper::before {
content: 'shimmer version 2.14, check for updates at';
display: block;
position: absolute;
top: 35%;
font-size: 0.8rem;
}
.activity-stream .customize-menu .close-button-wrapper::after {
content: 'github.com/nuclearcodecat/shimmer';
display: block;
color: color-mix(in srgb, #aaa 50%, var(--lwt-sidebar-text-color) 50%);
position: absolute;
bottom: 0;
font-size: 0.875rem;
}
section[data-section-id="topsites"] {
margin-bottom: 0 !important;
}
.wallpaper-attribution {
margin-top: 0 !important;
}
.showPrivate .info {
border-radius: 30px !important;
}