mirror of https://github.com/FreeTubeApp/FreeTube
Add Solarized dark and Solarized light color scheme (#5066)
* feat: ✨ add solarized dark and solarized light color scheme Add the solarized dark and the solarized light color scheme, as well as accent colors and icons * fix: 🐛 make colors more readable | forgot colors Made colors, especially in light mode, more readable. * feat: ✨ add missing solarized-light branch Add a missing Solarized-Light branch to the check * remove trailing empty line Remove a useless empty line * modify share button to match light/dark theme * match index.js color with bg-color * fix: 🐛 distinguish destructable colors Add some checks to make destructable colors distinguishable from non-harming ones * fix: 🐛 improve color contrast/readability * fix: 🐛 improve color contrast/readability for main colors * refactor: ♻️ group primary and secondary theme colors by light/dark * fix: 🐛 remove difference between main/sec grouping * fix: 🐛 add missing mainSolarizedYellow styling --------- Co-authored-by: DontBlameMe <32d1938e-18da-413a-853a-ccec6ded1347@slmails.com>
This commit is contained in:
SteveO
GitHub
parent
eae3020dc6
commit
0ca803ea4a
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 25 25"
|
||||
version="1.1"
|
||||
xml:space="preserve"
|
||||
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
|
||||
id="svg2"
|
||||
sodipodi:docname="iconSolarizedDarkSmall.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs2" /><sodipodi:namedview
|
||||
id="namedview2"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="16.602867"
|
||||
inkscape:cx="8.2214715"
|
||||
inkscape:cy="21.44208"
|
||||
inkscape:window-width="2536"
|
||||
inkscape:window-height="1356"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg2" />
|
||||
<path
|
||||
d="M4.903,0c0.937,-0 1.697,0.76 1.697,1.697l0,23.303l-2.33,0c-1.132,0 -2.219,-0.45 -3.019,-1.251c-0.801,-0.8 -1.251,-1.887 -1.251,-3.019l-0,-19.033c0,-0.937 0.76,-1.697 1.697,-1.697l3.206,0Zm20.097,0l0,2.022c-0,1.214 -0.482,2.378 -1.341,3.237c-0.859,0.859 -2.023,1.341 -3.237,1.341l-11.042,0c-0.928,-0 -1.68,-0.752 -1.68,-1.68l0,-3.24c0,-0.928 0.752,-1.68 1.68,-1.68l15.62,0Z"
|
||||
style="fill:#002b36;fill-opacity:1"
|
||||
id="path1" />
|
||||
<path
|
||||
d="M17.936,12.223c0.219,0.109 0.358,0.332 0.358,0.577c-0,0.245 -0.139,0.468 -0.358,0.577l-9.273,4.596c-0.207,0.102 -0.452,0.091 -0.648,-0.031c-0.196,-0.122 -0.315,-0.336 -0.315,-0.566l-0,-9.152c0,-0.23 0.119,-0.444 0.315,-0.566c0.196,-0.122 0.441,-0.133 0.648,-0.031l9.273,4.596Z"
|
||||
style="fill:#002b36;fill-opacity:1"
|
||||
id="path2" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 25 25"
|
||||
version="1.1"
|
||||
xml:space="preserve"
|
||||
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
|
||||
id="svg2"
|
||||
sodipodi:docname="iconSolarizedLightSmall.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs2" /><sodipodi:namedview
|
||||
id="namedview2"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="24.68"
|
||||
inkscape:cx="9.2179903"
|
||||
inkscape:cy="8.4683955"
|
||||
inkscape:window-width="2536"
|
||||
inkscape:window-height="1356"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg2" />
|
||||
<path
|
||||
d="M4.903,0c0.937,-0 1.697,0.76 1.697,1.697l0,23.303l-2.33,0c-1.132,0 -2.219,-0.45 -3.019,-1.251c-0.801,-0.8 -1.251,-1.887 -1.251,-3.019l-0,-19.033c0,-0.937 0.76,-1.697 1.697,-1.697l3.206,0Zm20.097,0l0,2.022c-0,1.214 -0.482,2.378 -1.341,3.237c-0.859,0.859 -2.023,1.341 -3.237,1.341l-11.042,0c-0.928,-0 -1.68,-0.752 -1.68,-1.68l0,-3.24c0,-0.928 0.752,-1.68 1.68,-1.68l15.62,0Z"
|
||||
style="fill:#fdf6e3;fill-opacity:1"
|
||||
id="path1" />
|
||||
<path
|
||||
d="M17.936,12.223c0.219,0.109 0.358,0.332 0.358,0.577c-0,0.245 -0.139,0.468 -0.358,0.577l-9.273,4.596c-0.207,0.102 -0.452,0.091 -0.648,-0.031c-0.196,-0.122 -0.315,-0.336 -0.315,-0.566l-0,-9.152c0,-0.23 0.119,-0.444 0.315,-0.566c0.196,-0.122 0.441,-0.133 0.648,-0.031l9.273,4.596Z"
|
||||
style="fill:#fdf6e3;fill-opacity:1"
|
||||
id="path2" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="100"
|
||||
height="49"
|
||||
viewBox="0 0 100 49"
|
||||
version="1.1"
|
||||
xml:space="preserve"
|
||||
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
|
||||
id="svg8"
|
||||
sodipodi:docname="textSolarizedDarkSmall.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs8" /><sodipodi:namedview
|
||||
id="namedview8"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="19.97"
|
||||
inkscape:cx="50"
|
||||
inkscape:cy="24.48673"
|
||||
inkscape:window-width="2536"
|
||||
inkscape:window-height="1356"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg8" />
|
||||
<path
|
||||
d="M3.029,33.471c-0.452,0 -0.815,-0.141 -1.088,-0.422c-0.272,-0.282 -0.409,-0.65 -0.409,-1.104l0,-13.735c0,-0.454 0.129,-0.806 0.386,-1.057c0.257,-0.25 0.612,-0.376 1.064,-0.376l8.204,0c0.951,0 1.426,0.407 1.426,1.221c-0,0.799 -0.475,1.198 -1.426,1.198l-6.685,-0l-0,4.508l6.218,-0c0.95,-0 1.425,0.407 1.425,1.221c0,0.798 -0.475,1.197 -1.425,1.197l-6.218,0l-0,5.823c-0,0.454 -0.132,0.822 -0.397,1.104c-0.265,0.281 -0.624,0.422 -1.075,0.422Z"
|
||||
style="fill:#002b36;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path1" />
|
||||
<path
|
||||
d="M19.432,21.614c0.367,-0.031 0.656,0.055 0.868,0.258c0.211,0.204 0.317,0.509 0.317,0.916c-0,0.423 -0.092,0.736 -0.275,0.939c-0.183,0.204 -0.515,0.337 -0.994,0.399l-0.635,0.071c-0.832,0.094 -1.441,0.407 -1.829,0.939c-0.388,0.532 -0.582,1.197 -0.582,1.996l0,4.93c0,0.454 -0.127,0.803 -0.381,1.045c-0.253,0.243 -0.571,0.364 -0.951,0.364c-0.381,0 -0.695,-0.121 -0.941,-0.364c-0.247,-0.242 -0.37,-0.591 -0.37,-1.045l-0,-9.086c-0,-0.438 0.123,-0.775 0.37,-1.01c0.246,-0.234 0.553,-0.352 0.92,-0.352c0.366,0 0.662,0.114 0.888,0.34c0.226,0.228 0.338,0.552 0.338,0.975l0,0.939c0.268,-0.689 0.667,-1.221 1.195,-1.597c0.529,-0.375 1.118,-0.587 1.766,-0.633l0.296,-0.024Z"
|
||||
style="fill:#002b36;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path2" />
|
||||
<path
|
||||
d="M31.876,30.184c0.277,0 0.501,0.102 0.672,0.305c0.171,0.204 0.257,0.478 0.257,0.822c-0,0.485 -0.302,0.892 -0.905,1.221c-0.554,0.297 -1.181,0.536 -1.882,0.716c-0.701,0.18 -1.369,0.27 -2.004,0.27c-1.923,-0 -3.447,-0.532 -4.571,-1.596c-1.125,-1.065 -1.687,-2.521 -1.687,-4.368c0,-1.174 0.244,-2.215 0.734,-3.122c0.488,-0.908 1.177,-1.613 2.065,-2.113c0.888,-0.502 1.894,-0.752 3.019,-0.752c1.075,0 2.012,0.227 2.811,0.681c0.798,0.454 1.417,1.096 1.857,1.925c0.44,0.83 0.66,1.808 0.66,2.935c0,0.673 -0.309,1.01 -0.928,1.01l-7.211,-0c0.097,1.08 0.415,1.874 0.953,2.383c0.538,0.509 1.32,0.763 2.347,0.763c0.521,-0 0.981,-0.063 1.381,-0.188c0.399,-0.125 0.851,-0.297 1.356,-0.516c0.489,-0.251 0.848,-0.376 1.076,-0.376Zm-4.229,-6.551c-0.831,0 -1.495,0.251 -1.992,0.752c-0.497,0.501 -0.795,1.22 -0.892,2.16l5.524,-0c-0.033,-0.955 -0.277,-1.679 -0.733,-2.172c-0.457,-0.493 -1.092,-0.74 -1.907,-0.74Z"
|
||||
style="fill:#002b36;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path3" />
|
||||
<path
|
||||
d="M45.134,30.184c0.277,0 0.501,0.102 0.672,0.305c0.171,0.204 0.257,0.478 0.257,0.822c-0,0.485 -0.302,0.892 -0.905,1.221c-0.554,0.297 -1.181,0.536 -1.882,0.716c-0.7,0.18 -1.369,0.27 -2.004,0.27c-1.923,-0 -3.447,-0.532 -4.571,-1.596c-1.125,-1.065 -1.687,-2.521 -1.687,-4.368c0,-1.174 0.245,-2.215 0.734,-3.122c0.488,-0.908 1.177,-1.613 2.065,-2.113c0.888,-0.502 1.894,-0.752 3.019,-0.752c1.075,0 2.012,0.227 2.811,0.681c0.798,0.454 1.417,1.096 1.857,1.925c0.44,0.83 0.66,1.808 0.66,2.935c0,0.673 -0.309,1.01 -0.928,1.01l-7.211,-0c0.098,1.08 0.415,1.874 0.953,2.383c0.538,0.509 1.32,0.763 2.347,0.763c0.521,-0 0.981,-0.063 1.381,-0.188c0.399,-0.125 0.851,-0.297 1.356,-0.516c0.489,-0.251 0.848,-0.376 1.076,-0.376Zm-4.229,-6.551c-0.831,0 -1.495,0.251 -1.992,0.752c-0.497,0.501 -0.794,1.22 -0.892,2.16l5.524,-0c-0.033,-0.955 -0.277,-1.679 -0.733,-2.172c-0.456,-0.493 -1.092,-0.74 -1.907,-0.74Z"
|
||||
style="fill:#002b36;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path4" />
|
||||
<path
|
||||
d="M54.307,33.471c-0.521,0 -1.186,-0.164 -1.506,-0.494c-0.32,-0.329 -0.48,-0.768 -0.48,-1.316l-0,-11.898l-3.374,0c-1.102,0 -1.652,-0.501 -1.652,-1.504c-0,-0.988 0.55,-1.482 1.652,-1.482l10.719,0c1.102,0 1.653,0.494 1.653,1.482c0,1.003 -0.551,1.504 -1.653,1.504l-3.374,0l0,11.898c0,0.548 -0.156,0.987 -0.468,1.316c-0.313,0.33 -0.981,0.494 -1.517,0.494Z"
|
||||
style="fill:#002b36;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path5" />
|
||||
<path
|
||||
d="M69.693,21.69c0.545,-0 0.978,0.148 1.297,0.446c0.32,0.297 0.479,0.704 0.479,1.221l0,8.616c0,0.486 -0.167,0.877 -0.502,1.175c-0.335,0.297 -0.768,0.446 -1.297,0.446c-0.499,-0 -0.896,-0.141 -1.192,-0.423c-0.297,-0.282 -0.445,-0.658 -0.445,-1.127l0,-0.235c-0.358,0.595 -0.829,1.049 -1.414,1.362c-0.584,0.313 -1.242,0.469 -1.975,0.469c-1.449,0 -2.528,-0.403 -3.237,-1.209c-0.709,-0.806 -1.064,-2.023 -1.064,-3.651l0,-5.423c0,-0.517 0.16,-0.924 0.479,-1.221c0.32,-0.298 0.752,-0.446 1.298,-0.446c0.545,-0 0.974,0.148 1.285,0.446c0.312,0.297 0.468,0.704 0.468,1.221l-0,5.494c-0,0.688 0.144,1.197 0.432,1.526c0.288,0.329 0.729,0.493 1.321,0.493c0.685,0 1.243,-0.235 1.671,-0.704c0.429,-0.47 0.643,-1.088 0.643,-1.855l-0,-4.954c-0,-0.517 0.156,-0.924 0.467,-1.221c0.312,-0.298 0.741,-0.446 1.286,-0.446Z"
|
||||
style="fill:#002b36;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path6" />
|
||||
<path
|
||||
d="M81.429,21.643c1.017,-0 1.915,0.242 2.694,0.727c0.779,0.486 1.387,1.178 1.824,2.079c0.437,0.899 0.655,1.944 0.655,3.134c0,1.19 -0.218,2.242 -0.655,3.158c-0.437,0.915 -1.049,1.628 -1.836,2.137c-0.787,0.508 -1.681,0.762 -2.682,0.762c-0.811,0 -1.542,-0.168 -2.194,-0.504c-0.651,-0.337 -1.152,-0.802 -1.502,-1.397l0,0.187c0,0.501 -0.159,0.904 -0.477,1.21c-0.317,0.305 -0.747,0.458 -1.287,0.458c-0.54,-0 -0.974,-0.153 -1.299,-0.458c-0.326,-0.306 -0.489,-0.709 -0.489,-1.21l-0,-13.524c-0,-0.485 0.171,-0.876 0.512,-1.173c0.342,-0.298 0.791,-0.447 1.347,-0.447c0.525,0 0.946,0.141 1.264,0.423c0.318,0.282 0.477,0.657 0.477,1.127l-0,5.142c0.349,-0.579 0.846,-1.029 1.49,-1.35c0.644,-0.321 1.363,-0.481 2.158,-0.481l-0,-0Zm-1.049,9.298c0.842,-0 1.494,-0.294 1.955,-0.881c0.461,-0.587 0.691,-1.412 0.691,-2.477c0,-1.049 -0.23,-1.851 -0.691,-2.407c-0.461,-0.555 -1.113,-0.833 -1.955,-0.833c-0.843,-0 -1.494,0.286 -1.955,0.857c-0.461,0.571 -0.692,1.381 -0.692,2.43c0,1.064 0.231,1.882 0.692,2.454c0.461,0.571 1.112,0.857 1.955,0.857l-0,-0Z"
|
||||
style="fill:#002b36;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path7" />
|
||||
<path
|
||||
d="M98.784,30.025c0.337,-0 0.612,0.125 0.823,0.375c0.211,0.251 0.317,0.572 0.317,0.963c-0,0.266 -0.084,0.513 -0.254,0.74c-0.168,0.227 -0.405,0.418 -0.709,0.575c-0.574,0.282 -1.241,0.513 -2.002,0.692c-0.76,0.181 -1.461,0.27 -2.103,0.27c-1.351,0 -2.53,-0.242 -3.535,-0.727c-1.005,-0.486 -1.778,-1.178 -2.318,-2.078c-0.541,-0.9 -0.811,-1.961 -0.811,-3.182c-0,-1.174 0.262,-2.214 0.786,-3.122c0.523,-0.908 1.25,-1.617 2.179,-2.125c0.929,-0.509 1.984,-0.763 3.167,-0.763c1.132,-0 2.124,0.231 2.977,0.692c0.853,0.462 1.517,1.12 1.989,1.973c0.473,0.853 0.71,1.85 0.71,2.993c0,0.345 -0.089,0.607 -0.266,0.787c-0.177,0.18 -0.427,0.27 -0.748,0.27l-7.095,-0c0.119,0.923 0.423,1.593 0.913,2.007c0.49,0.415 1.191,0.622 2.103,0.622c0.49,0 0.929,-0.054 1.317,-0.164c0.389,-0.11 0.82,-0.258 1.293,-0.446c0.236,-0.094 0.464,-0.176 0.684,-0.247c0.219,-0.07 0.414,-0.105 0.583,-0.105Zm-4.359,-5.941c-0.726,0 -1.309,0.216 -1.748,0.646c-0.439,0.431 -0.701,1.053 -0.786,1.867l4.891,-0c-0.051,-0.83 -0.275,-1.456 -0.672,-1.878c-0.397,-0.423 -0.958,-0.635 -1.685,-0.635Z"
|
||||
style="fill:#002b36;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path8" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.7 KiB |
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="100"
|
||||
height="49"
|
||||
viewBox="0 0 100 49"
|
||||
version="1.1"
|
||||
xml:space="preserve"
|
||||
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
|
||||
id="svg8"
|
||||
sodipodi:docname="textSolarizedLightSmall.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs8" /><sodipodi:namedview
|
||||
id="namedview8"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="19.97"
|
||||
inkscape:cx="50"
|
||||
inkscape:cy="24.48673"
|
||||
inkscape:window-width="2536"
|
||||
inkscape:window-height="1356"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg8" />
|
||||
<path
|
||||
d="M3.029,33.471c-0.452,0 -0.815,-0.141 -1.088,-0.422c-0.272,-0.282 -0.409,-0.65 -0.409,-1.104l0,-13.735c0,-0.454 0.129,-0.806 0.386,-1.057c0.257,-0.25 0.612,-0.376 1.064,-0.376l8.204,0c0.951,0 1.426,0.407 1.426,1.221c-0,0.799 -0.475,1.198 -1.426,1.198l-6.685,-0l-0,4.508l6.218,-0c0.95,-0 1.425,0.407 1.425,1.221c0,0.798 -0.475,1.197 -1.425,1.197l-6.218,0l-0,5.823c-0,0.454 -0.132,0.822 -0.397,1.104c-0.265,0.281 -0.624,0.422 -1.075,0.422Z"
|
||||
style="fill:#fdf6e3;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path1" />
|
||||
<path
|
||||
d="M19.432,21.614c0.367,-0.031 0.656,0.055 0.868,0.258c0.211,0.204 0.317,0.509 0.317,0.916c-0,0.423 -0.092,0.736 -0.275,0.939c-0.183,0.204 -0.515,0.337 -0.994,0.399l-0.635,0.071c-0.832,0.094 -1.441,0.407 -1.829,0.939c-0.388,0.532 -0.582,1.197 -0.582,1.996l0,4.93c0,0.454 -0.127,0.803 -0.381,1.045c-0.253,0.243 -0.571,0.364 -0.951,0.364c-0.381,0 -0.695,-0.121 -0.941,-0.364c-0.247,-0.242 -0.37,-0.591 -0.37,-1.045l-0,-9.086c-0,-0.438 0.123,-0.775 0.37,-1.01c0.246,-0.234 0.553,-0.352 0.92,-0.352c0.366,0 0.662,0.114 0.888,0.34c0.226,0.228 0.338,0.552 0.338,0.975l0,0.939c0.268,-0.689 0.667,-1.221 1.195,-1.597c0.529,-0.375 1.118,-0.587 1.766,-0.633l0.296,-0.024Z"
|
||||
style="fill:#fdf6e3;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path2" />
|
||||
<path
|
||||
d="M31.876,30.184c0.277,0 0.501,0.102 0.672,0.305c0.171,0.204 0.257,0.478 0.257,0.822c-0,0.485 -0.302,0.892 -0.905,1.221c-0.554,0.297 -1.181,0.536 -1.882,0.716c-0.701,0.18 -1.369,0.27 -2.004,0.27c-1.923,-0 -3.447,-0.532 -4.571,-1.596c-1.125,-1.065 -1.687,-2.521 -1.687,-4.368c0,-1.174 0.244,-2.215 0.734,-3.122c0.488,-0.908 1.177,-1.613 2.065,-2.113c0.888,-0.502 1.894,-0.752 3.019,-0.752c1.075,0 2.012,0.227 2.811,0.681c0.798,0.454 1.417,1.096 1.857,1.925c0.44,0.83 0.66,1.808 0.66,2.935c0,0.673 -0.309,1.01 -0.928,1.01l-7.211,-0c0.097,1.08 0.415,1.874 0.953,2.383c0.538,0.509 1.32,0.763 2.347,0.763c0.521,-0 0.981,-0.063 1.381,-0.188c0.399,-0.125 0.851,-0.297 1.356,-0.516c0.489,-0.251 0.848,-0.376 1.076,-0.376Zm-4.229,-6.551c-0.831,0 -1.495,0.251 -1.992,0.752c-0.497,0.501 -0.795,1.22 -0.892,2.16l5.524,-0c-0.033,-0.955 -0.277,-1.679 -0.733,-2.172c-0.457,-0.493 -1.092,-0.74 -1.907,-0.74Z"
|
||||
style="fill:#fdf6e3;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path3" />
|
||||
<path
|
||||
d="M45.134,30.184c0.277,0 0.501,0.102 0.672,0.305c0.171,0.204 0.257,0.478 0.257,0.822c-0,0.485 -0.302,0.892 -0.905,1.221c-0.554,0.297 -1.181,0.536 -1.882,0.716c-0.7,0.18 -1.369,0.27 -2.004,0.27c-1.923,-0 -3.447,-0.532 -4.571,-1.596c-1.125,-1.065 -1.687,-2.521 -1.687,-4.368c0,-1.174 0.245,-2.215 0.734,-3.122c0.488,-0.908 1.177,-1.613 2.065,-2.113c0.888,-0.502 1.894,-0.752 3.019,-0.752c1.075,0 2.012,0.227 2.811,0.681c0.798,0.454 1.417,1.096 1.857,1.925c0.44,0.83 0.66,1.808 0.66,2.935c0,0.673 -0.309,1.01 -0.928,1.01l-7.211,-0c0.098,1.08 0.415,1.874 0.953,2.383c0.538,0.509 1.32,0.763 2.347,0.763c0.521,-0 0.981,-0.063 1.381,-0.188c0.399,-0.125 0.851,-0.297 1.356,-0.516c0.489,-0.251 0.848,-0.376 1.076,-0.376Zm-4.229,-6.551c-0.831,0 -1.495,0.251 -1.992,0.752c-0.497,0.501 -0.794,1.22 -0.892,2.16l5.524,-0c-0.033,-0.955 -0.277,-1.679 -0.733,-2.172c-0.456,-0.493 -1.092,-0.74 -1.907,-0.74Z"
|
||||
style="fill:#fdf6e3;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path4" />
|
||||
<path
|
||||
d="M54.307,33.471c-0.521,0 -1.186,-0.164 -1.506,-0.494c-0.32,-0.329 -0.48,-0.768 -0.48,-1.316l-0,-11.898l-3.374,0c-1.102,0 -1.652,-0.501 -1.652,-1.504c-0,-0.988 0.55,-1.482 1.652,-1.482l10.719,0c1.102,0 1.653,0.494 1.653,1.482c0,1.003 -0.551,1.504 -1.653,1.504l-3.374,0l0,11.898c0,0.548 -0.156,0.987 -0.468,1.316c-0.313,0.33 -0.981,0.494 -1.517,0.494Z"
|
||||
style="fill:#fdf6e3;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path5" />
|
||||
<path
|
||||
d="M69.693,21.69c0.545,-0 0.978,0.148 1.297,0.446c0.32,0.297 0.479,0.704 0.479,1.221l0,8.616c0,0.486 -0.167,0.877 -0.502,1.175c-0.335,0.297 -0.768,0.446 -1.297,0.446c-0.499,-0 -0.896,-0.141 -1.192,-0.423c-0.297,-0.282 -0.445,-0.658 -0.445,-1.127l0,-0.235c-0.358,0.595 -0.829,1.049 -1.414,1.362c-0.584,0.313 -1.242,0.469 -1.975,0.469c-1.449,0 -2.528,-0.403 -3.237,-1.209c-0.709,-0.806 -1.064,-2.023 -1.064,-3.651l0,-5.423c0,-0.517 0.16,-0.924 0.479,-1.221c0.32,-0.298 0.752,-0.446 1.298,-0.446c0.545,-0 0.974,0.148 1.285,0.446c0.312,0.297 0.468,0.704 0.468,1.221l-0,5.494c-0,0.688 0.144,1.197 0.432,1.526c0.288,0.329 0.729,0.493 1.321,0.493c0.685,0 1.243,-0.235 1.671,-0.704c0.429,-0.47 0.643,-1.088 0.643,-1.855l-0,-4.954c-0,-0.517 0.156,-0.924 0.467,-1.221c0.312,-0.298 0.741,-0.446 1.286,-0.446Z"
|
||||
style="fill:#fdf6e3;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path6" />
|
||||
<path
|
||||
d="M81.429,21.643c1.017,-0 1.915,0.242 2.694,0.727c0.779,0.486 1.387,1.178 1.824,2.079c0.437,0.899 0.655,1.944 0.655,3.134c0,1.19 -0.218,2.242 -0.655,3.158c-0.437,0.915 -1.049,1.628 -1.836,2.137c-0.787,0.508 -1.681,0.762 -2.682,0.762c-0.811,0 -1.542,-0.168 -2.194,-0.504c-0.651,-0.337 -1.152,-0.802 -1.502,-1.397l0,0.187c0,0.501 -0.159,0.904 -0.477,1.21c-0.317,0.305 -0.747,0.458 -1.287,0.458c-0.54,-0 -0.974,-0.153 -1.299,-0.458c-0.326,-0.306 -0.489,-0.709 -0.489,-1.21l-0,-13.524c-0,-0.485 0.171,-0.876 0.512,-1.173c0.342,-0.298 0.791,-0.447 1.347,-0.447c0.525,0 0.946,0.141 1.264,0.423c0.318,0.282 0.477,0.657 0.477,1.127l-0,5.142c0.349,-0.579 0.846,-1.029 1.49,-1.35c0.644,-0.321 1.363,-0.481 2.158,-0.481l-0,-0Zm-1.049,9.298c0.842,-0 1.494,-0.294 1.955,-0.881c0.461,-0.587 0.691,-1.412 0.691,-2.477c0,-1.049 -0.23,-1.851 -0.691,-2.407c-0.461,-0.555 -1.113,-0.833 -1.955,-0.833c-0.843,-0 -1.494,0.286 -1.955,0.857c-0.461,0.571 -0.692,1.381 -0.692,2.43c0,1.064 0.231,1.882 0.692,2.454c0.461,0.571 1.112,0.857 1.955,0.857l-0,-0Z"
|
||||
style="fill:#fdf6e3;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path7" />
|
||||
<path
|
||||
d="M98.784,30.025c0.337,-0 0.612,0.125 0.823,0.375c0.211,0.251 0.317,0.572 0.317,0.963c-0,0.266 -0.084,0.513 -0.254,0.74c-0.168,0.227 -0.405,0.418 -0.709,0.575c-0.574,0.282 -1.241,0.513 -2.002,0.692c-0.76,0.181 -1.461,0.27 -2.103,0.27c-1.351,0 -2.53,-0.242 -3.535,-0.727c-1.005,-0.486 -1.778,-1.178 -2.318,-2.078c-0.541,-0.9 -0.811,-1.961 -0.811,-3.182c-0,-1.174 0.262,-2.214 0.786,-3.122c0.523,-0.908 1.25,-1.617 2.179,-2.125c0.929,-0.509 1.984,-0.763 3.167,-0.763c1.132,-0 2.124,0.231 2.977,0.692c0.853,0.462 1.517,1.12 1.989,1.973c0.473,0.853 0.71,1.85 0.71,2.993c0,0.345 -0.089,0.607 -0.266,0.787c-0.177,0.18 -0.427,0.27 -0.748,0.27l-7.095,-0c0.119,0.923 0.423,1.593 0.913,2.007c0.49,0.415 1.191,0.622 2.103,0.622c0.49,0 0.929,-0.054 1.317,-0.164c0.389,-0.11 0.82,-0.258 1.293,-0.446c0.236,-0.094 0.464,-0.176 0.684,-0.247c0.219,-0.07 0.414,-0.105 0.583,-0.105Zm-4.359,-5.941c-0.726,0 -1.309,0.216 -1.748,0.646c-0.439,0.431 -0.701,1.053 -0.786,1.867l4.891,-0c-0.051,-0.83 -0.275,-1.456 -0.672,-1.878c-0.397,-0.423 -0.958,-0.635 -1.685,-0.635Z"
|
||||
style="fill:#fdf6e3;fill-rule:nonzero;fill-opacity:1"
|
||||
id="path8" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.7 KiB |
|
|
@ -628,6 +628,10 @@ function runApp() {
|
|||
return '#de1c85'
|
||||
case 'nordic':
|
||||
return '#2b2f3a'
|
||||
case 'solarized-dark':
|
||||
return '#002B36'
|
||||
case 'solarized-light':
|
||||
return '#fdf6e3'
|
||||
case 'system':
|
||||
default:
|
||||
return nativeTheme.shouldUseDarkColors ? '#212121' : '#f1f1f1'
|
||||
|
|
|
|||
|
|
@ -46,7 +46,9 @@
|
|||
filter: brightness(0.868);
|
||||
}
|
||||
|
||||
.black & {
|
||||
.black &,
|
||||
.solarizedDark &
|
||||
{
|
||||
filter: brightness(0.933);
|
||||
}
|
||||
|
||||
|
|
@ -54,6 +56,7 @@
|
|||
|
||||
.pastelPink &,
|
||||
.light &,
|
||||
.solarizedLight &,
|
||||
.system[data-system-theme*='light'] & {
|
||||
filter: invert(0.87);
|
||||
}
|
||||
|
|
@ -76,12 +79,14 @@
|
|||
.dracula &,
|
||||
.CatppuccinMocha &,
|
||||
.hotPink &,
|
||||
.solarizedDark &,
|
||||
.system[data-system-theme*='dark'] & {
|
||||
background-image: url('../../assets/img/invidious-logo-dark.svg');
|
||||
}
|
||||
|
||||
.pastelPink &,
|
||||
.light &,
|
||||
.solarizedLight &,
|
||||
.system[data-system-theme*='light'] & {
|
||||
background-image: url('../../assets/img/invidious-logo-light.svg');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -39,7 +39,9 @@ export default defineComponent({
|
|||
'catppuccinMocha',
|
||||
'pastelPink',
|
||||
'hotPink',
|
||||
'nordic'
|
||||
'nordic',
|
||||
'solarizedDark',
|
||||
'solarizedLight'
|
||||
]
|
||||
}
|
||||
},
|
||||
|
|
@ -105,7 +107,9 @@ export default defineComponent({
|
|||
this.$t('Settings.Theme Settings.Base Theme.Catppuccin Mocha'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Pastel Pink'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Hot Pink'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Nordic')
|
||||
this.$t('Settings.Theme Settings.Base Theme.Nordic'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Solarized Dark'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Solarized Light')
|
||||
]
|
||||
},
|
||||
|
||||
|
|
|
|||
|
|
@ -37,7 +37,15 @@ export const colors = [
|
|||
{ name: 'CatppuccinMochaSky', value: '#89DCEB' },
|
||||
{ name: 'CatppuccinMochaSapphire', value: '#74C7EC' },
|
||||
{ name: 'CatppuccinMochaBlue', value: '#89B4FA' },
|
||||
{ name: 'CatppuccinMochaLavender', value: '#B4BEFE' }
|
||||
{ name: 'CatppuccinMochaLavender', value: '#B4BEFE' },
|
||||
{ name: 'SolarizedYellow', value: '#b58900' },
|
||||
{ name: 'SolarizedOrange', value: '#cb4b16' },
|
||||
{ name: 'SolarizedRed', value: '#dc322f' },
|
||||
{ name: 'SolarizedMagenta', value: '#d33682' },
|
||||
{ name: 'SolarizedViolet', value: '#6c71c4' },
|
||||
{ name: 'SolarizedBlue', value: '#268bd2' },
|
||||
{ name: 'SolarizedCyan', value: '#2aa198' },
|
||||
{ name: 'SolarizedGreen', value: '#859900' },
|
||||
]
|
||||
|
||||
export function getColorTranslations() {
|
||||
|
|
@ -78,7 +86,15 @@ export function getColorTranslations() {
|
|||
i18n.t('Settings.Theme Settings.Main Color Theme.Catppuccin Mocha Sky'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Catppuccin Mocha Sapphire'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Catppuccin Mocha Blue'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Catppuccin Mocha Lavender')
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Catppuccin Mocha Lavender'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Solarized Yellow'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Solarized Orange'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Solarized Red'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Solarized Magenta'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Solarized Violet'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Solarized Blue'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Solarized Cyan'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Solarized Green'),
|
||||
]
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,9 @@
|
|||
.catppuccinMocha,
|
||||
.pastelPink,
|
||||
.hotPink,
|
||||
.nordic {
|
||||
.nordic,
|
||||
.solarizedDark,
|
||||
.solarizedLight {
|
||||
--primary-input-color: rgb(0 0 0 / 50%);
|
||||
--destructive-color: #f44336;
|
||||
--destructive-text-color: #000;
|
||||
|
|
@ -21,7 +23,9 @@
|
|||
.catppuccinMocha,
|
||||
.pastelPink,
|
||||
.hotPink,
|
||||
.nordic {
|
||||
.nordic,
|
||||
.solarizedDark,
|
||||
.solarizedLight {
|
||||
--link-color: var(--accent-color);
|
||||
--link-visited-color: var(--accent-color-visited);
|
||||
--instance-menu-color: var(--search-bar-color);
|
||||
|
|
@ -34,7 +38,9 @@
|
|||
.dracula,
|
||||
.catppuccinMocha,
|
||||
.pastelPink,
|
||||
.nordic {
|
||||
.nordic,
|
||||
.solarizedDark,
|
||||
.solarizedLight {
|
||||
--primary-input-color: rgb(0 0 0 / 50%);
|
||||
--side-nav-hover-text-color: var(--primary-text-color);
|
||||
}
|
||||
|
|
@ -45,7 +51,9 @@
|
|||
.gray,
|
||||
.dracula,
|
||||
.catppuccinMocha,
|
||||
.nordic {
|
||||
.nordic,
|
||||
.solarizedDark,
|
||||
.solarizedLight {
|
||||
--side-nav-active-text-color: var(--primary-text-color);
|
||||
--scrollbar-text-color-hover: var(--primary-text-color);
|
||||
|
||||
|
|
@ -65,7 +73,9 @@
|
|||
.dracula,
|
||||
.catppuccinMocha,
|
||||
.hotPink,
|
||||
.nordic {
|
||||
.nordic,
|
||||
.solarizedDark,
|
||||
.solarizedLight {
|
||||
--primary-shadow-color: rgb(0 0 0 / 75%);
|
||||
}
|
||||
|
||||
|
|
@ -266,6 +276,44 @@ it can be safely elided. This looks quite pleasant on this theme. */
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.solarizedDark {
|
||||
--primary-text-color: #FDF6E3;
|
||||
--secondary-text-color: #DDD6C3;
|
||||
--tertiary-text-color: #DDD6C3;
|
||||
--title-color: #FDF6E3;
|
||||
--bg-color: #002B36;
|
||||
--favorite-icon-color: #0f0;
|
||||
--card-bg-color: #204B56;
|
||||
--secondary-card-bg-color: #102b36;
|
||||
--scrollbar-color: #608B96;
|
||||
--scrollbar-color-hover: #406B76;
|
||||
--side-nav-color: #204B56;
|
||||
--side-nav-hover-color: #608B96;
|
||||
--side-nav-active-color: #406B76;
|
||||
--search-bar-color: #073642;
|
||||
--logo-icon: url("../../_icons/iconSolarizedLightSmall.svg");
|
||||
--logo-text: url("../../_icons/textSolarizedLightSmall.svg");
|
||||
}
|
||||
|
||||
.solarizedLight {
|
||||
--primary-text-color: #002b36;
|
||||
--secondary-text-color: #204b56;
|
||||
--tertiary-text-color: #204b56;
|
||||
--title-color: #002b36;
|
||||
--bg-color: #fdf6e3;
|
||||
--favorite-icon-color: #0f0;
|
||||
--card-bg-color: #eee8d5;
|
||||
--secondary-card-bg-color: #fdf6e3;
|
||||
--scrollbar-color: #a9a895;
|
||||
--scrollbar-color-hover: #839496;
|
||||
--side-nav-color: #eee8d5;
|
||||
--side-nav-hover-color: #fdf6e3;
|
||||
--side-nav-active-color: #839496;
|
||||
--search-bar-color: #c9c8b5;
|
||||
--logo-icon: url("../../_icons/iconSolarizedDarkSmall.svg");
|
||||
--logo-text: url("../../_icons/textSolarizedDarkSmall.svg");
|
||||
}
|
||||
|
||||
.mainRed,
|
||||
.mainPink,
|
||||
.mainPurple,
|
||||
|
|
@ -550,6 +598,72 @@ it can be safely elided. This looks quite pleasant on this theme. */
|
|||
--primary-color-active: #8d98e4;
|
||||
}
|
||||
|
||||
.mainSolarizedYellow,
|
||||
.mainSolarizedOrange,
|
||||
.mainSolarizedRed,
|
||||
.mainSolarizedMagenta,
|
||||
.mainSolarizedViolet,
|
||||
.mainSolarizedGreen {
|
||||
--text-with-main-color: #fdf6e3;
|
||||
--logo-icon-bar-color: url("../../_icons/iconDraculaLightSmall.svg");
|
||||
--logo-text-bar-color: url("../../_icons/textDraculaLightSmall.svg");
|
||||
}
|
||||
|
||||
.mainSolarizedBlue,
|
||||
.mainSolarizedCyan {
|
||||
--text-with-main-color: #000;
|
||||
--logo-icon-bar-color: url("../../_icons/iconDraculaDarkSmall.svg");
|
||||
--logo-text-bar-color: url("../../_icons/textDraculaDarkSmall.svg");
|
||||
}
|
||||
|
||||
.mainSolarizedYellow {
|
||||
--primary-color: #b58900;
|
||||
--primary-color-hover: #d5a920;
|
||||
--primary-color-active: #f5c940;
|
||||
}
|
||||
|
||||
.mainSolarizedOrange {
|
||||
--primary-color: #cb4b16;
|
||||
--primary-color-hover: #eb6b36;
|
||||
--primary-color-active: #fc8b56;
|
||||
}
|
||||
|
||||
.mainSolarizedRed {
|
||||
--primary-color: #dc322f;
|
||||
--primary-color-hover: #fc524f;
|
||||
--primary-color-active: #fe726f;
|
||||
}
|
||||
|
||||
.mainSolarizedMagenta {
|
||||
--primary-color: #d33682;
|
||||
--primary-color-hover: #f356a2;
|
||||
--primary-color-active: #f558c2;
|
||||
}
|
||||
|
||||
.mainSolarizedViolet {
|
||||
--primary-color: #6c71c4;
|
||||
--primary-color-hover: #8c91e4;
|
||||
--primary-color-active: #acb1f4;
|
||||
}
|
||||
|
||||
.mainSolarizedBlue {
|
||||
--primary-color: #268bd2;
|
||||
--primary-color-hover: #46abf2;
|
||||
--primary-color-active: #66cbf4;
|
||||
}
|
||||
|
||||
.mainSolarizedCyan {
|
||||
--primary-color: #2aa198;
|
||||
--primary-color-hover: #4ac1b8;
|
||||
--primary-color-active: #6ae1d8;
|
||||
}
|
||||
|
||||
.mainSolarizedGreen {
|
||||
--primary-color: #859900;
|
||||
--primary-color-hover: #a5b920;
|
||||
--primary-color-active: #c5d940;
|
||||
}
|
||||
|
||||
.secRed,
|
||||
.secPink,
|
||||
.secPurple,
|
||||
|
|
@ -1032,9 +1146,132 @@ it can be safely elided. This looks quite pleasant on this theme. */
|
|||
--accent-color-opacity4: rgb(180 190 254 / 24%);
|
||||
}
|
||||
|
||||
.secSolarizedYellow,
|
||||
.secSolarizedOrange,
|
||||
.secSolarizedRed,
|
||||
.secSolarizedMagenta,
|
||||
.secSolarizedViolet,
|
||||
.secSolarizedGreen {
|
||||
--text-with-accent-color: #fdf6e3;
|
||||
}
|
||||
|
||||
.secSolarizedBlue,
|
||||
.secSolarizedCyan {
|
||||
--text-with-accent-color: #000;
|
||||
}
|
||||
|
||||
.secSolarizedYellow {
|
||||
--accent-color: #7b5b00;
|
||||
--primary-color-hover: #a9a130;
|
||||
--accent-color-hover: #bb9f40;
|
||||
--accent-color-active: #897710;
|
||||
--accent-color-light: #dbc050;
|
||||
--accent-color-visited: #a9a130;
|
||||
--accent-color-opacity1: rgb(165 165 0 / 4%);
|
||||
--accent-color-opacity2: rgb(165 165 0 / 12%);
|
||||
--accent-color-opacity3: rgb(165 165 0 / 16%);
|
||||
--accent-color-opacity4: rgb(165 165 0 / 24%);
|
||||
}
|
||||
|
||||
.secSolarizedOrange {
|
||||
--accent-color: #8b3700;
|
||||
--primary-color-hover: #c94d34;
|
||||
--accent-color-hover: #db8140;
|
||||
--accent-color-active: #b35936;
|
||||
--accent-color-light: #eb8156;
|
||||
--accent-color-visited: #c94d34;
|
||||
--accent-color-opacity1: rgb(169 47 20 / 4%);
|
||||
--accent-color-opacity2: rgb(169 47 20 / 12%);
|
||||
--accent-color-opacity3: rgb(169 47 20 / 16%);
|
||||
--accent-color-opacity4: rgb(169 47 20 / 24%);
|
||||
}
|
||||
|
||||
.secSolarizedRed {
|
||||
--accent-color: #9a101d;
|
||||
--primary-color-hover: #d8302d;
|
||||
--accent-color-hover: #da504d;
|
||||
--accent-color-active: #b8282b;
|
||||
--accent-color-light: #fa726f;
|
||||
--accent-color-visited: #d8302d;
|
||||
--accent-color-opacity1: rgb(186 16 29 / 4%);
|
||||
--accent-color-opacity2: rgb(186 16 29 / 12%);
|
||||
--accent-color-opacity3: rgb(186 16 29 / 16%);
|
||||
--accent-color-opacity4: rgb(186 16 29 / 24%);
|
||||
}
|
||||
|
||||
.secSolarizedMagenta {
|
||||
--accent-color: #8e1060;
|
||||
--primary-color-hover: #d23480;
|
||||
--accent-color-hover: #dc5280;
|
||||
--accent-color-active: #b814a0;
|
||||
--accent-color-light: #fc5280;
|
||||
--accent-color-visited: #d23480;
|
||||
--accent-color-opacity1: rgb(176 20 96 / 4%);
|
||||
--accent-color-opacity2: rgb(176 20 96 / 12%);
|
||||
--accent-color-opacity3: rgb(176 20 96 / 16%);
|
||||
--accent-color-opacity4: rgb(176 20 96 / 24%);
|
||||
}
|
||||
|
||||
.secSolarizedViolet {
|
||||
--accent-color: #2e43a4;
|
||||
--primary-color-hover: #6e83c4;
|
||||
--accent-color-hover: #8e77c4;
|
||||
--accent-color-active: #5e63e4;
|
||||
--accent-color-light: #ae95f4;
|
||||
--accent-color-visited: #6e83c4;
|
||||
--accent-color-opacity1: rgb(78 83 164 / 4%);
|
||||
--accent-color-opacity2: rgb(78 83 164 / 12%);
|
||||
--accent-color-opacity3: rgb(78 83 164 / 16%);
|
||||
--accent-color-opacity4: rgb(78 83 164 / 24%);
|
||||
}
|
||||
|
||||
.secSolarizedBlue {
|
||||
--accent-color: #0283b2;
|
||||
--primary-color-hover: #4899d2;
|
||||
--accent-color-hover: #469fd2;
|
||||
--accent-color-active: #2483d4;
|
||||
--accent-color-light: #66b1f4;
|
||||
--accent-color-visited: #4899d2;
|
||||
--accent-color-opacity1: rgb(4 131 178 / 4%);
|
||||
--accent-color-opacity2: rgb(4 131 178 / 12%);
|
||||
--accent-color-opacity3: rgb(4 131 178 / 16%);
|
||||
--accent-color-opacity4: rgb(4 131 178 / 24%);
|
||||
}
|
||||
|
||||
.secSolarizedCyan {
|
||||
--accent-color: #008776;
|
||||
--primary-color-hover: #2ca998;
|
||||
--accent-color-hover: #4cb9b8;
|
||||
--accent-color-active: #1c9788;
|
||||
--accent-color-light: #6ce1d8;
|
||||
--accent-color-visited: #2ca998;
|
||||
--accent-color-opacity1: rgb(8 135 118 / 4%);
|
||||
--accent-color-opacity2: rgb(8 135 118 / 12%);
|
||||
--accent-color-opacity3: rgb(8 135 118 / 16%);
|
||||
--accent-color-opacity4: rgb(8 135 118 / 24%);
|
||||
}
|
||||
|
||||
.secSolarizedGreen {
|
||||
--accent-color: #657700;
|
||||
--primary-color-hover: #857720;
|
||||
--accent-color-hover: #a59640;
|
||||
--accent-color-active: #837720;
|
||||
--accent-color-light: #c5d940;
|
||||
--accent-color-visited: #857720;
|
||||
--accent-color-opacity1: rgb(101 119 0 / 4%);
|
||||
--accent-color-opacity2: rgb(101 119 0 / 12%);
|
||||
--accent-color-opacity3: rgb(101 119 0 / 16%);
|
||||
--accent-color-opacity4: rgb(101 119 0 / 24%);
|
||||
}
|
||||
|
||||
/* region destructive color for red color themes
|
||||
using :has(.app) to increase specificity */
|
||||
.mainRed:has(.app), .secRed:has(.app), .mainDraculaRed:has(.app), .secDraculaRed:has(.app) {
|
||||
.mainRed:has(.app),
|
||||
.secRed:has(.app),
|
||||
.mainDraculaRed:has(.app),
|
||||
.secDraculaRed:has(.app),
|
||||
.mainSolarizedRed:has(.app),
|
||||
.secSolarizedRed:has(.app) {
|
||||
--destructive-color: #9C27B0;
|
||||
--destructive-text-color: #FFF;
|
||||
--destructive-hover-color: #8E24AA;
|
||||
|
|
@ -1048,6 +1285,9 @@ it can be safely elided. This looks quite pleasant on this theme. */
|
|||
.mainDraculaRed.secPurple,
|
||||
.mainDraculaRed.secDeepPurple,
|
||||
.mainDraculaRed.secDraculaPurple,
|
||||
.mainSolarizedRed.secPurple,
|
||||
.mainSolarizedRed.secDeepPurple,
|
||||
.mainSolarizedRed.secDraculaPurple,
|
||||
.mainPurple.secRed,
|
||||
.mainPurple.secDraculaRed,
|
||||
.mainDeepPurple.secRed,
|
||||
|
|
|
|||
|
|
@ -308,6 +308,8 @@ Settings:
|
|||
Pastel Pink: Pastel Pink
|
||||
Hot Pink: Hot Pink
|
||||
Nordic: Nordic
|
||||
Solarized Dark: Solarized Dark
|
||||
Solarized Light: Solarized Light
|
||||
Main Color Theme:
|
||||
Main Color Theme: Main Color Theme
|
||||
Red: Red
|
||||
|
|
@ -347,6 +349,14 @@ Settings:
|
|||
Catppuccin Mocha Sapphire: Catppuccin Mocha Sapphire
|
||||
Catppuccin Mocha Blue: Catppuccin Mocha Blue
|
||||
Catppuccin Mocha Lavender: Catppuccin Mocha Lavender
|
||||
Solarized Yellow: Solarized Yellow
|
||||
Solarized Orange: Solarized Orange
|
||||
Solarized Red: Solarized Red
|
||||
Solarized Magenta: Solarized Magenta
|
||||
Solarized Violet: Solarized Violet
|
||||
Solarized Blue: Solarized Blue
|
||||
Solarized Cyan: Solarized Cyan
|
||||
Solarized Green: Solarized Green
|
||||
Secondary Color Theme: Secondary Color Theme
|
||||
#* Main Color Theme
|
||||
Player Settings:
|
||||
|
|
|
|||
Loading…
Reference in New Issue