mirror of
https://github.com/FreeTubeApp/FreeTube
synced 2024-11-22 09:56:23 +01:00
Merge 69de8f2361 into dc65eece29
This commit is contained in:
DontBlameMe99
GitHub
commit
9d4e85b367
4
_icons/iconGruvboxDarkSmall.svg
Normal file
4
_icons/iconGruvboxDarkSmall.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg width="25" height="25" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.903 0C5.84 0 6.6.76 6.6 1.697V25H4.27A4.268 4.268 0 0 1 0 20.73V1.697C0 .76.76 0 1.697 0h3.206zM25 0v2.022A4.577 4.577 0 0 1 20.422 6.6H9.38A1.68 1.68 0 0 1 7.7 4.92V1.68C7.7.752 8.452 0 9.38 0H25zM17.936 12.223a.645.645 0 0 1 0 1.154l-9.273 4.596a.668.668 0 0 1-.963-.597V8.224a.667.667 0 0 1 .963-.597l9.273 4.596z" style="fill-opacity: 1; fill: rgb(40, 40, 40);"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 577 B |
4
_icons/iconGruvboxLightSmall.svg
Normal file
4
_icons/iconGruvboxLightSmall.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg width="25" height="25" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.903 0C5.84 0 6.6.76 6.6 1.697V25H4.27A4.268 4.268 0 0 1 0 20.73V1.697C0 .76.76 0 1.697 0h3.206zM25 0v2.022A4.577 4.577 0 0 1 20.422 6.6H9.38A1.68 1.68 0 0 1 7.7 4.92V1.68C7.7.752 8.452 0 9.38 0H25zM17.936 12.223a.645.645 0 0 1 0 1.154l-9.273 4.596a.668.668 0 0 1-.963-.597V8.224a.667.667 0 0 1 .963-.597l9.273 4.596z" style="fill-opacity: 1; fill: rgb(235, 219, 178);"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 580 B |
4
_icons/textGruvboxDarkSmall.svg
Normal file
4
_icons/textGruvboxDarkSmall.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg width="100" height="49" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.029 33.471c-.452 0-.815-.141-1.088-.422-.272-.282-.409-.65-.409-1.104V18.21c0-.454.129-.806.386-1.057.257-.25.612-.376 1.064-.376h8.204c.951 0 1.426.407 1.426 1.221 0 .799-.475 1.198-1.426 1.198H4.501v4.508h6.218c.95 0 1.425.407 1.425 1.221 0 .798-.475 1.197-1.425 1.197H4.501v5.823c0 .454-.132.822-.397 1.104-.265.281-.624.422-1.075.422zM19.432 21.614c.367-.031.656.055.868.258.211.204.317.509.317.916 0 .423-.092.736-.275.939-.183.204-.515.337-.994.399l-.635.071c-.832.094-1.441.407-1.829.939-.388.532-.582 1.197-.582 1.996v4.93c0 .454-.127.803-.381 1.045-.253.243-.571.364-.951.364-.381 0-.695-.121-.941-.364-.247-.242-.37-.591-.37-1.045v-9.086c0-.438.123-.775.37-1.01.246-.234.553-.352.92-.352.366 0 .662.114.888.34.226.228.338.552.338.975v.939c.268-.689.667-1.221 1.195-1.597a3.419 3.419 0 0 1 1.766-.633l.296-.024zM31.876 30.184c.277 0 .501.102.672.305.171.204.257.478.257.822 0 .485-.302.892-.905 1.221a8.382 8.382 0 0 1-1.882.716 8.06 8.06 0 0 1-2.004.27c-1.923 0-3.447-.532-4.571-1.596-1.125-1.065-1.687-2.521-1.687-4.368 0-1.174.244-2.215.734-3.122a5.2 5.2 0 0 1 2.065-2.113c.888-.502 1.894-.752 3.019-.752 1.075 0 2.012.227 2.811.681a4.7 4.7 0 0 1 1.857 1.925c.44.83.66 1.808.66 2.935 0 .673-.309 1.01-.928 1.01h-7.211c.097 1.08.415 1.874.953 2.383.538.509 1.32.763 2.347.763.521 0 .981-.063 1.381-.188.399-.125.851-.297 1.356-.516.489-.251.848-.376 1.076-.376zm-4.229-6.551c-.831 0-1.495.251-1.992.752-.497.501-.795 1.22-.892 2.16h5.524c-.033-.955-.277-1.679-.733-2.172-.457-.493-1.092-.74-1.907-.74zM45.134 30.184c.277 0 .501.102.672.305.171.204.257.478.257.822 0 .485-.302.892-.905 1.221a8.382 8.382 0 0 1-1.882.716c-.7.18-1.369.27-2.004.27-1.923 0-3.447-.532-4.571-1.596-1.125-1.065-1.687-2.521-1.687-4.368 0-1.174.245-2.215.734-3.122a5.2 5.2 0 0 1 2.065-2.113c.888-.502 1.894-.752 3.019-.752 1.075 0 2.012.227 2.811.681a4.7 4.7 0 0 1 1.857 1.925c.44.83.66 1.808.66 2.935 0 .673-.309 1.01-.928 1.01h-7.211c.098 1.08.415 1.874.953 2.383.538.509 1.32.763 2.347.763.521 0 .981-.063 1.381-.188.399-.125.851-.297 1.356-.516.489-.251.848-.376 1.076-.376zm-4.229-6.551c-.831 0-1.495.251-1.992.752-.497.501-.794 1.22-.892 2.16h5.524c-.033-.955-.277-1.679-.733-2.172-.456-.493-1.092-.74-1.907-.74zM54.307 33.471c-.521 0-1.186-.164-1.506-.494-.32-.329-.48-.768-.48-1.316V19.763h-3.374c-1.102 0-1.652-.501-1.652-1.504 0-.988.55-1.482 1.652-1.482h10.719c1.102 0 1.653.494 1.653 1.482 0 1.003-.551 1.504-1.653 1.504h-3.374v11.898c0 .548-.156.987-.468 1.316-.313.33-.981.494-1.517.494zM69.693 21.69c.545 0 .978.148 1.297.446.32.297.479.704.479 1.221v8.616c0 .486-.167.877-.502 1.175-.335.297-.768.446-1.297.446-.499 0-.896-.141-1.192-.423-.297-.282-.445-.658-.445-1.127v-.235a3.63 3.63 0 0 1-1.414 1.362c-.584.313-1.242.469-1.975.469-1.449 0-2.528-.403-3.237-1.209-.709-.806-1.064-2.023-1.064-3.651v-5.423c0-.517.16-.924.479-1.221.32-.298.752-.446 1.298-.446.545 0 .974.148 1.285.446.312.297.468.704.468 1.221v5.494c0 .688.144 1.197.432 1.526.288.329.729.493 1.321.493.685 0 1.243-.235 1.671-.704.429-.47.643-1.088.643-1.855v-4.954c0-.517.156-.924.467-1.221.312-.298.741-.446 1.286-.446zM81.429 21.643c1.017 0 1.915.242 2.694.727.779.486 1.387 1.178 1.824 2.079.437.899.655 1.944.655 3.134s-.218 2.242-.655 3.158c-.437.915-1.049 1.628-1.836 2.137-.787.508-1.681.762-2.682.762-.811 0-1.542-.168-2.194-.504a3.633 3.633 0 0 1-1.502-1.397v.187c0 .501-.159.904-.477 1.21-.317.305-.747.458-1.287.458-.54 0-.974-.153-1.299-.458-.326-.306-.489-.709-.489-1.21V18.402c0-.485.171-.876.512-1.173.342-.298.791-.447 1.347-.447.525 0 .946.141 1.264.423.318.282.477.657.477 1.127v5.142a3.534 3.534 0 0 1 1.49-1.35c.644-.321 1.363-.481 2.158-.481zm-1.049 9.298c.842 0 1.494-.294 1.955-.881.461-.587.691-1.412.691-2.477 0-1.049-.23-1.851-.691-2.407-.461-.555-1.113-.833-1.955-.833-.843 0-1.494.286-1.955.857-.461.571-.692 1.381-.692 2.43 0 1.064.231 1.882.692 2.454.461.571 1.112.857 1.955.857zM98.784 30.025c.337 0 .612.125.823.375.211.251.317.572.317.963 0 .266-.084.513-.254.74a2.005 2.005 0 0 1-.709.575 9.445 9.445 0 0 1-2.002.692c-.76.181-1.461.27-2.103.27-1.351 0-2.53-.242-3.535-.727-1.005-.486-1.778-1.178-2.318-2.078-.541-.9-.811-1.961-.811-3.182 0-1.174.262-2.214.786-3.122a5.526 5.526 0 0 1 2.179-2.125c.929-.509 1.984-.763 3.167-.763 1.132 0 2.124.231 2.977.692a4.895 4.895 0 0 1 1.989 1.973c.473.853.71 1.85.71 2.993 0 .345-.089.607-.266.787-.177.18-.427.27-.748.27h-7.095c.119.923.423 1.593.913 2.007.49.415 1.191.622 2.103.622.49 0 .929-.054 1.317-.164.389-.11.82-.258 1.293-.446.236-.094.464-.176.684-.247.219-.07.414-.105.583-.105zm-4.359-5.941c-.726 0-1.309.216-1.748.646-.439.431-.701 1.053-.786 1.867h4.891c-.051-.83-.275-1.456-.672-1.878-.397-.423-.958-.635-1.685-.635z" style="fill-rule: nonzero; fill-opacity: 1; fill: rgb(40, 40, 40);"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
4
_icons/textGruvboxLightSmall.svg
Normal file
4
_icons/textGruvboxLightSmall.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg width="100" height="49" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.029 33.471c-.452 0-.815-.141-1.088-.422-.272-.282-.409-.65-.409-1.104V18.21c0-.454.129-.806.386-1.057.257-.25.612-.376 1.064-.376h8.204c.951 0 1.426.407 1.426 1.221 0 .799-.475 1.198-1.426 1.198H4.501v4.508h6.218c.95 0 1.425.407 1.425 1.221 0 .798-.475 1.197-1.425 1.197H4.501v5.823c0 .454-.132.822-.397 1.104-.265.281-.624.422-1.075.422zM19.432 21.614c.367-.031.656.055.868.258.211.204.317.509.317.916 0 .423-.092.736-.275.939-.183.204-.515.337-.994.399l-.635.071c-.832.094-1.441.407-1.829.939-.388.532-.582 1.197-.582 1.996v4.93c0 .454-.127.803-.381 1.045-.253.243-.571.364-.951.364-.381 0-.695-.121-.941-.364-.247-.242-.37-.591-.37-1.045v-9.086c0-.438.123-.775.37-1.01.246-.234.553-.352.92-.352.366 0 .662.114.888.34.226.228.338.552.338.975v.939c.268-.689.667-1.221 1.195-1.597a3.419 3.419 0 0 1 1.766-.633l.296-.024zM31.876 30.184c.277 0 .501.102.672.305.171.204.257.478.257.822 0 .485-.302.892-.905 1.221a8.382 8.382 0 0 1-1.882.716 8.06 8.06 0 0 1-2.004.27c-1.923 0-3.447-.532-4.571-1.596-1.125-1.065-1.687-2.521-1.687-4.368 0-1.174.244-2.215.734-3.122a5.2 5.2 0 0 1 2.065-2.113c.888-.502 1.894-.752 3.019-.752 1.075 0 2.012.227 2.811.681a4.7 4.7 0 0 1 1.857 1.925c.44.83.66 1.808.66 2.935 0 .673-.309 1.01-.928 1.01h-7.211c.097 1.08.415 1.874.953 2.383.538.509 1.32.763 2.347.763.521 0 .981-.063 1.381-.188.399-.125.851-.297 1.356-.516.489-.251.848-.376 1.076-.376zm-4.229-6.551c-.831 0-1.495.251-1.992.752-.497.501-.795 1.22-.892 2.16h5.524c-.033-.955-.277-1.679-.733-2.172-.457-.493-1.092-.74-1.907-.74zM45.134 30.184c.277 0 .501.102.672.305.171.204.257.478.257.822 0 .485-.302.892-.905 1.221a8.382 8.382 0 0 1-1.882.716c-.7.18-1.369.27-2.004.27-1.923 0-3.447-.532-4.571-1.596-1.125-1.065-1.687-2.521-1.687-4.368 0-1.174.245-2.215.734-3.122a5.2 5.2 0 0 1 2.065-2.113c.888-.502 1.894-.752 3.019-.752 1.075 0 2.012.227 2.811.681a4.7 4.7 0 0 1 1.857 1.925c.44.83.66 1.808.66 2.935 0 .673-.309 1.01-.928 1.01h-7.211c.098 1.08.415 1.874.953 2.383.538.509 1.32.763 2.347.763.521 0 .981-.063 1.381-.188.399-.125.851-.297 1.356-.516.489-.251.848-.376 1.076-.376zm-4.229-6.551c-.831 0-1.495.251-1.992.752-.497.501-.794 1.22-.892 2.16h5.524c-.033-.955-.277-1.679-.733-2.172-.456-.493-1.092-.74-1.907-.74zM54.307 33.471c-.521 0-1.186-.164-1.506-.494-.32-.329-.48-.768-.48-1.316V19.763h-3.374c-1.102 0-1.652-.501-1.652-1.504 0-.988.55-1.482 1.652-1.482h10.719c1.102 0 1.653.494 1.653 1.482 0 1.003-.551 1.504-1.653 1.504h-3.374v11.898c0 .548-.156.987-.468 1.316-.313.33-.981.494-1.517.494zM69.693 21.69c.545 0 .978.148 1.297.446.32.297.479.704.479 1.221v8.616c0 .486-.167.877-.502 1.175-.335.297-.768.446-1.297.446-.499 0-.896-.141-1.192-.423-.297-.282-.445-.658-.445-1.127v-.235a3.63 3.63 0 0 1-1.414 1.362c-.584.313-1.242.469-1.975.469-1.449 0-2.528-.403-3.237-1.209-.709-.806-1.064-2.023-1.064-3.651v-5.423c0-.517.16-.924.479-1.221.32-.298.752-.446 1.298-.446.545 0 .974.148 1.285.446.312.297.468.704.468 1.221v5.494c0 .688.144 1.197.432 1.526.288.329.729.493 1.321.493.685 0 1.243-.235 1.671-.704.429-.47.643-1.088.643-1.855v-4.954c0-.517.156-.924.467-1.221.312-.298.741-.446 1.286-.446zM81.429 21.643c1.017 0 1.915.242 2.694.727.779.486 1.387 1.178 1.824 2.079.437.899.655 1.944.655 3.134s-.218 2.242-.655 3.158c-.437.915-1.049 1.628-1.836 2.137-.787.508-1.681.762-2.682.762-.811 0-1.542-.168-2.194-.504a3.633 3.633 0 0 1-1.502-1.397v.187c0 .501-.159.904-.477 1.21-.317.305-.747.458-1.287.458-.54 0-.974-.153-1.299-.458-.326-.306-.489-.709-.489-1.21V18.402c0-.485.171-.876.512-1.173.342-.298.791-.447 1.347-.447.525 0 .946.141 1.264.423.318.282.477.657.477 1.127v5.142a3.534 3.534 0 0 1 1.49-1.35c.644-.321 1.363-.481 2.158-.481zm-1.049 9.298c.842 0 1.494-.294 1.955-.881.461-.587.691-1.412.691-2.477 0-1.049-.23-1.851-.691-2.407-.461-.555-1.113-.833-1.955-.833-.843 0-1.494.286-1.955.857-.461.571-.692 1.381-.692 2.43 0 1.064.231 1.882.692 2.454.461.571 1.112.857 1.955.857zM98.784 30.025c.337 0 .612.125.823.375.211.251.317.572.317.963 0 .266-.084.513-.254.74a2.005 2.005 0 0 1-.709.575 9.445 9.445 0 0 1-2.002.692c-.76.181-1.461.27-2.103.27-1.351 0-2.53-.242-3.535-.727-1.005-.486-1.778-1.178-2.318-2.078-.541-.9-.811-1.961-.811-3.182 0-1.174.262-2.214.786-3.122a5.526 5.526 0 0 1 2.179-2.125c.929-.509 1.984-.763 3.167-.763 1.132 0 2.124.231 2.977.692a4.895 4.895 0 0 1 1.989 1.973c.473.853.71 1.85.71 2.993 0 .345-.089.607-.266.787-.177.18-.427.27-.748.27h-7.095c.119.923.423 1.593.913 2.007.49.415 1.191.622 2.103.622.49 0 .929-.054 1.317-.164.389-.11.82-.258 1.293-.446.236-.094.464-.176.684-.247.219-.07.414-.105.583-.105zm-4.359-5.941c-.726 0-1.309.216-1.748.646-.439.431-.701 1.053-.786 1.867h4.891c-.051-.83-.275-1.456-.672-1.878-.397-.423-.958-.635-1.685-.635z" style="fill-rule: nonzero; fill-opacity: 1; fill: rgb(235, 219, 178);"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
@ -662,6 +662,10 @@ function runApp() {
|
||||
return '#002B36'
|
||||
case 'solarized-light':
|
||||
return '#fdf6e3'
|
||||
case 'gruvbox-dark':
|
||||
return '#282828'
|
||||
case 'gruvbox-light':
|
||||
return '#fbf1c7'
|
||||
case 'system':
|
||||
default:
|
||||
return nativeTheme.shouldUseDarkColors ? '#212121' : '#f1f1f1'
|
||||
|
||||
@ -45,6 +45,8 @@ export default defineComponent({
|
||||
// Third group
|
||||
'catppuccinMocha',
|
||||
'dracula',
|
||||
'gruvboxDark',
|
||||
'gruvboxLight',
|
||||
'solarizedDark',
|
||||
'solarizedLight'
|
||||
]
|
||||
@ -117,6 +119,8 @@ export default defineComponent({
|
||||
// Third group
|
||||
this.$t('Settings.Theme Settings.Base Theme.Catppuccin Mocha'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Dracula'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Gruvbox Dark'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Gruvbox Light'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Solarized Dark'),
|
||||
this.$t('Settings.Theme Settings.Base Theme.Solarized Light')
|
||||
]
|
||||
|
||||
@ -39,6 +39,16 @@ export const colors = [
|
||||
{ name: 'DraculaPurple', value: '#BD93F9' },
|
||||
{ name: 'DraculaRed', value: '#FF5555' },
|
||||
{ name: 'DraculaYellow', value: '#F1FA8C' },
|
||||
{ name: 'GruvboxDarkGreen', value: '#b8bb26' },
|
||||
{ name: 'GruvboxDarkYellow', value: '#fabd2f' },
|
||||
{ name: 'GruvboxDarkBlue', value: '#83a593' },
|
||||
{ name: 'GruvboxDarkPurple', value: '#d3869b' },
|
||||
{ name: 'GruvboxDarkAqua', value: '#8ec07c' },
|
||||
{ name: 'GruvboxDarkOrange', value: '#fe8019' },
|
||||
{ name: 'GruvboxLightRed', value: '#9d0006' },
|
||||
{ name: 'GruvboxLightBlue', value: '#076678' },
|
||||
{ name: 'GruvboxLightPurple', value: '#8f3f71' },
|
||||
{ name: 'GruvboxLightOrange', value: '#af3a03' },
|
||||
{ name: 'SolarizedYellow', value: '#b58900' },
|
||||
{ name: 'SolarizedOrange', value: '#cb4b16' },
|
||||
{ name: 'SolarizedRed', value: '#dc322f' },
|
||||
@ -88,6 +98,16 @@ export function getColorTranslations() {
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Dracula Purple'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Dracula Red'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Dracula Yellow'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Dark Green'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Dark Yellow'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Dark Blue'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Dark Purple'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Dark Aqua'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Dark Orange'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Light Red'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Light Blue'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Light Purple'),
|
||||
i18n.t('Settings.Theme Settings.Main Color Theme.Gruvbox Light Orange'),
|
||||
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'),
|
||||
|
||||
@ -89,7 +89,8 @@ it can be safely elided. This looks quite pleasant on this theme. */
|
||||
.catppuccinMocha,
|
||||
.hotPink,
|
||||
.nordic,
|
||||
.solarizedDark {
|
||||
.solarizedDark,
|
||||
.gruvboxDark {
|
||||
--primary-shadow-color: rgb(0 0 0 / 75%);
|
||||
|
||||
.invidiousLogo {
|
||||
@ -357,6 +358,45 @@ it can be safely elided. This looks quite pleasant on this theme. */
|
||||
--logo-text: url('../../_icons/textSolarizedDarkSmall.svg');
|
||||
}
|
||||
|
||||
.gruvboxDark {
|
||||
--primary-text-color: #ebdbb2;
|
||||
--secondary-text-color: #d5c4a1;
|
||||
--tertiary-text-color: #d5c4a1;
|
||||
--title-color: #ebdbb2;
|
||||
--bg-color: #282828;
|
||||
--favorite-icon-color: #0f0;
|
||||
--card-bg-color: #504945;
|
||||
--secondary-card-bg-color: #3c3836;
|
||||
--scrollbar-color: #665c54;
|
||||
--scrollbar-color-hover: #282828;
|
||||
--side-nav-color: #504945;
|
||||
--side-nav-hover-color: #665c54;
|
||||
--side-nav-active-color: #504945;
|
||||
--search-bar-color: #1d2021;
|
||||
--logo-icon: url('../../_icons/iconGruvboxLightSmall.svg');
|
||||
--logo-text: url('../../_icons/textGruvboxLightSmall.svg');
|
||||
}
|
||||
|
||||
.gruvboxLight {
|
||||
--primary-shadow-color: rgb(255 241 199 / 100%);
|
||||
--primary-text-color: #3c3836;
|
||||
--secondary-text-color: #282828;
|
||||
--tertiary-text-color: #282828;
|
||||
--title-color: #3c3836;
|
||||
--bg-color: #fbf1c7;
|
||||
--favorite-icon-color: #0f0;
|
||||
--card-bg-color: #ebdbb2;
|
||||
--secondary-card-bg-color: #d5c4a1;
|
||||
--scrollbar-color: #bdae93;
|
||||
--scrollbar-color-hover: #fbf1c7;
|
||||
--side-nav-color: #ebdbb2;
|
||||
--side-nav-hover-color: #bdae93;
|
||||
--side-nav-active-color: #ebdbb2;
|
||||
--search-bar-color: #a89984;
|
||||
--logo-icon: url('../../_icons/iconGruvboxDarkSmall.svg');
|
||||
--logo-text: url('../../_icons/textGruvboxDarkSmall.svg');
|
||||
}
|
||||
|
||||
|
||||
/*************** PRIMARY THEME COLOR DEFINTIONS ***************/
|
||||
|
||||
@ -714,6 +754,92 @@ it can be safely elided. This looks quite pleasant on this theme. */
|
||||
--primary-color-active: #c5d940;
|
||||
}
|
||||
|
||||
.mainGruvboxDarkGreen {
|
||||
--primary-color: #b8bb26;
|
||||
--primary-color-hover: #d8db46;
|
||||
--primary-color-active: #f8fb66;
|
||||
}
|
||||
|
||||
.mainGruvboxDarkYellow {
|
||||
--primary-color: #fabd2f;
|
||||
--primary-color-hover: #fcd54f;
|
||||
--primary-color-active: #fed76f;
|
||||
}
|
||||
|
||||
.mainGruvboxDarkBlue {
|
||||
--primary-color: #83a598;
|
||||
--primary-color-hover: #a3c5b8;
|
||||
--primary-color-active: #c3e2d8;
|
||||
}
|
||||
|
||||
.mainGruvboxDarkPurple {
|
||||
--primary-color: #d3869b;
|
||||
--primary-color-hover: #f3a6b8;
|
||||
--primary-color-active: #f3a6b8;
|
||||
}
|
||||
|
||||
.mainGruvboxDarkAqua {
|
||||
--primary-color: #8ec07c;
|
||||
--primary-color-hover: #aec29c;
|
||||
--primary-color-active: #cec59c;
|
||||
}
|
||||
|
||||
.mainGruvboxDarkOrange {
|
||||
--primary-color: #fe8019;
|
||||
--primary-color-hover: #fe9a39;
|
||||
--primary-color-active: #feb259;
|
||||
}
|
||||
|
||||
.mainGruvboxLightRed {
|
||||
--primary-color: #9d0006;
|
||||
--primary-color-hover: #bd2026;
|
||||
--primary-color-active: #dd4046;
|
||||
}
|
||||
|
||||
.mainGruvboxLightBlue {
|
||||
--primary-color: #076678;
|
||||
--primary-color-hover: #276898;
|
||||
--primary-color-active: #476ab8;
|
||||
}
|
||||
|
||||
.mainGruvboxLightPurple {
|
||||
--primary-color: #8f3f71;
|
||||
--primary-color-hover: #af5f91;
|
||||
--primary-color-active: #cf7fb1;
|
||||
}
|
||||
|
||||
.mainGruvboxLightOrange {
|
||||
--primary-color: #af3a03;
|
||||
--primary-color-hover: #cf5a23;
|
||||
--primary-color-active: #ef7a43;
|
||||
}
|
||||
|
||||
.mainGruvboxLightOrange,
|
||||
.mainGruvboxLightRed,
|
||||
.mainGruvboxLightBlue,
|
||||
.mainGruvboxLightPurple {
|
||||
--text-with-main-color: #fbf1c7;
|
||||
--logo-icon-bar-color: url('../../_icons/iconGruvboxLightSmall.svg');
|
||||
--logo-text-bar-color: url('../../_icons/textGruvboxLightSmall.svg');
|
||||
}
|
||||
|
||||
|
||||
.mainGruvboxDarkGreen,
|
||||
.mainGruvboxDarkYellow,
|
||||
.mainGruvboxDarkAqua,
|
||||
.mainGruvboxDarkOrange {
|
||||
--text-with-main-color: #3c3836;
|
||||
--logo-icon-bar-color: url('../../_icons/iconGruvboxDarkSmall.svg');
|
||||
--logo-text-bar-color: url('../../_icons/textGruvboxDarkSmall.svg');
|
||||
}
|
||||
|
||||
.mainGruvboxDarkBlue,
|
||||
.mainGruvboxDarkPurple {
|
||||
--text-with-main-color: #1d2021;
|
||||
--logo-icon-bar-color: url('../../_icons/iconGruvboxDarkSmall.svg');
|
||||
--logo-text-bar-color: url('../../_icons/textGruvboxDarkSmall.svg');
|
||||
}
|
||||
|
||||
|
||||
/*************** SECONDARY THEME COLOR DEFINTIONS ***************/
|
||||
|
||||
@ -1322,6 +1448,145 @@ it can be safely elided. This looks quite pleasant on this theme. */
|
||||
--accent-color-opacity4: rgb(101 119 0 / 24%);
|
||||
}
|
||||
|
||||
.secGruvboxDarkGreen {
|
||||
--accent-color: #98971a;
|
||||
--accent-color-hover: #b9b93a;
|
||||
--accent-color-active: #d9d95a;
|
||||
--accent-color-light: #b8bb26;
|
||||
--accent-color-visited: #98971a;
|
||||
--accent-color-opacity1: rgb(152 151 26 / 4%);
|
||||
--accent-color-opacity2: rgb(152 151 26 / 12%);
|
||||
--accent-color-opacity3: rgb(152 151 26 / 16%);
|
||||
--accent-color-opacity4: rgb(152 151 26 / 24%);
|
||||
}
|
||||
|
||||
.secGruvboxDarkYellow {
|
||||
--accent-color: #d79921;
|
||||
--accent-color-hover: #f0b839;
|
||||
--accent-color-active: #f0b839;
|
||||
--accent-color-light: #fabd2f;
|
||||
--accent-color-visited: #d79921;
|
||||
--accent-color-opacity1: rgb(215 153 33 / 4%);
|
||||
--accent-color-opacity2: rgb(215 153 33 / 12%);
|
||||
--accent-color-opacity3: rgb(215 153 33 / 16%);
|
||||
--accent-color-opacity4: rgb(215 153 33 / 24%);
|
||||
}
|
||||
|
||||
.secGruvboxDarkBlue {
|
||||
--accent-color: #458588;
|
||||
--accent-color-hover: #68948a;
|
||||
--accent-color-active: #68948a;
|
||||
--accent-color-light: #83a598;
|
||||
--accent-color-visited: #458588;
|
||||
--accent-color-opacity1: rgb(69 133 136 / 4%);
|
||||
--accent-color-opacity2: rgb(69 133 136 / 12%);
|
||||
--accent-color-opacity3: rgb(69 133 136 / 16%);
|
||||
--accent-color-opacity4: rgb(69 133 136 / 24%);
|
||||
}
|
||||
|
||||
.secGruvboxDarkPurple {
|
||||
--accent-color: #b16286;
|
||||
--accent-color-hover: #d3869b;
|
||||
--accent-color-active: #d3869b;
|
||||
--accent-color-light: #d3869b;
|
||||
--accent-color-visited: #b16286;
|
||||
--accent-color-opacity1: rgb(177 98 134 / 4%);
|
||||
--accent-color-opacity2: rgb(177 98 134 / 12%);
|
||||
--accent-color-opacity3: rgb(177 98 134 / 16%);
|
||||
--accent-color-opacity4: rgb(177 98 134 / 24%);
|
||||
}
|
||||
|
||||
.secGruvboxDarkAqua {
|
||||
--accent-color: #689d6a;
|
||||
--accent-color-hover: #8ec07c;
|
||||
--accent-color-active: #8ec07c;
|
||||
--accent-color-light: #8ec07c;
|
||||
--accent-color-visited: #689d6a;
|
||||
--accent-color-opacity1: rgb(104 157 106 / 4%);
|
||||
--accent-color-opacity2: rgb(104 157 106 / 12%);
|
||||
--accent-color-opacity3: rgb(104 157 106 / 16%);
|
||||
--accent-color-opacity4: rgb(104 157 106 / 24%);
|
||||
}
|
||||
|
||||
.secGruvboxDarkOrange {
|
||||
--accent-color: #d65d0e;
|
||||
--accent-color-hover: #f2804f;
|
||||
--accent-color-active: #f2804f;
|
||||
--accent-color-light: #fe8019;
|
||||
--accent-color-visited: #d65d0e;
|
||||
--accent-color-opacity1: rgb(214 93 14 / 4%);
|
||||
--accent-color-opacity2: rgb(214 93 14 / 12%);
|
||||
--accent-color-opacity3: rgb(214 93 14 / 16%);
|
||||
--accent-color-opacity4: rgb(214 93 14 / 24%);
|
||||
}
|
||||
|
||||
.secGruvboxLightRed {
|
||||
--text-with-accent-color: #fbf1c7;
|
||||
--accent-color: #cc241d;
|
||||
--accent-color-hover: #d23c2a;
|
||||
--accent-color-active: #a61f1f;
|
||||
--accent-color-light: #fb4934;
|
||||
--accent-color-visited: #a61f1f;
|
||||
--accent-color-opacity1: rgb(204 36 29 / 4%);
|
||||
--accent-color-opacity2: rgb(204 36 29 / 12%);
|
||||
--accent-color-opacity3: rgb(204 36 29 / 16%);
|
||||
}
|
||||
|
||||
.secGruvboxLightBlue {
|
||||
--accent-color: #458588;
|
||||
--accent-color-hover: #68948a;
|
||||
--accent-color-active: #68948a;
|
||||
--accent-color-light: #83a598;
|
||||
--accent-color-visited: #458588;
|
||||
--accent-color-opacity1: rgb(69 133 136 / 4%);
|
||||
--accent-color-opacity2: rgb(69 133 136 / 12%);
|
||||
--accent-color-opacity3: rgb(69 133 136 / 16%);
|
||||
}
|
||||
|
||||
.secGruvboxLightPurple {
|
||||
--accent-color: #b16286;
|
||||
--accent-color-hover: #d3869b;
|
||||
--accent-color-active: #d3869b;
|
||||
--accent-color-light: #d3869b;
|
||||
--accent-color-visited: #b16286;
|
||||
--accent-color-opacity1: rgb(177 98 134 / 4%);
|
||||
--accent-color-opacity2: rgb(177 98 134 / 12%);
|
||||
--accent-color-opacity3: rgb(177 98 134 / 16%);
|
||||
}
|
||||
|
||||
.secGruvboxLightOrange {
|
||||
--accent-color: #d65d0e;
|
||||
--accent-color-hover: #f2804f;
|
||||
--accent-color-active: #f2804f;
|
||||
--accent-color-light: #fe8019;
|
||||
--accent-color-visited: #d65d0e;
|
||||
--accent-color-opacity1: rgb(214 93 14 / 4%);
|
||||
--accent-color-opacity2: rgb(214 93 14 / 12%);
|
||||
--accent-color-opacity3: rgb(214 93 14 / 16%);
|
||||
}
|
||||
|
||||
.secGruvboxDarkYellow,
|
||||
.secGruvboxDarkBlue,
|
||||
.secGruvboxDarkPurple,
|
||||
.secGruvboxDarkAqua,
|
||||
.secGruvboxDarkOrange {
|
||||
--text-with-accent-color: #3c3836;
|
||||
}
|
||||
|
||||
.secGruvboxDarkGreen,
|
||||
.secGruvboxDarkAqua {
|
||||
--text-with-accent-color: #1d2021;
|
||||
}
|
||||
|
||||
.secGruvboxDarkOrange,
|
||||
.secGruvboxDarkPurple,
|
||||
.secGruvboxDarkBlue,
|
||||
.secGruvboxLightOrange,
|
||||
.secGruvboxLightBlue,
|
||||
.secGruvboxLightPurple {
|
||||
--text-with-accent-color: #0d1011;
|
||||
}
|
||||
|
||||
|
||||
/*************** DESTRUCTIVE THEME COLOR OVERRIDES ***************/
|
||||
|
||||
|
||||
@ -338,6 +338,8 @@ Settings:
|
||||
Pastel Pink: Pastel Pink
|
||||
Hot Pink: Hot Pink
|
||||
Nordic: Nordic
|
||||
Gruvbox Dark: Gruvbox Dark
|
||||
Gruvbox Light: Gruvbox Light
|
||||
Solarized Dark: Solarized Dark
|
||||
Solarized Light: Solarized Light
|
||||
Main Color Theme:
|
||||
@ -379,6 +381,16 @@ Settings:
|
||||
Catppuccin Mocha Sapphire: Catppuccin Mocha Sapphire
|
||||
Catppuccin Mocha Blue: Catppuccin Mocha Blue
|
||||
Catppuccin Mocha Lavender: Catppuccin Mocha Lavender
|
||||
Gruvbox Dark Green: Gruvbox Dark Green
|
||||
Gruvbox Dark Yellow: Gruvbox Dark Yellow
|
||||
Gruvbox Dark Blue: Gruvbox Dark Blue
|
||||
Gruvbox Dark Purple: Gruvbox Dark Purple
|
||||
Gruvbox Dark Aqua: Gruvbox Dark Aqua
|
||||
Gruvbox Dark Orange: Gruvbox Dark Orange
|
||||
Gruvbox Light Red: Gruvbox Light Red
|
||||
Gruvbox Light Blue: Gruvbox Light Blue
|
||||
Gruvbox Light Purple: Gruvbox Light Purple
|
||||
Gruvbox Light Orange: Gruvbox Light Orange
|
||||
Solarized Yellow: Solarized Yellow
|
||||
Solarized Orange: Solarized Orange
|
||||
Solarized Red: Solarized Red
|
||||
|
||||
Loading…
Reference in New Issue
Block a user