VollgasDev / hugo-theme-vollgas

A Basic Hugo Theme for Vollgas Websites
MIT License
0 stars 0 forks source link

Update Colors #1

Closed chriskauffman closed 1 year ago

chriskauffman commented 1 year ago

/ CSS HEX / --white: #ffffffff; --isabelline: #f3efefff; --platinum: #e7dedeff; --pale-dogwood: #cfbcbdff; --salmon: #de8f78ff; --giants-orange: #ed6232ff; --brown-sugar: #b35f36ff; --coyote: #785c3aff; --walnut-brown: #594c39ff; --black-olive: #393b38ff;

/ CSS HSL / --white: hsla(0, 0%, 100%, 1); --isabelline: hsla(0, 14%, 95%, 1); --platinum: hsla(0, 16%, 89%, 1); --pale-dogwood: hsla(357, 17%, 77%, 1); --salmon: hsla(14, 61%, 67%, 1); --giants-orange: hsla(15, 84%, 56%, 1); --brown-sugar: hsla(20, 54%, 46%, 1); --coyote: hsla(33, 35%, 35%, 1); --walnut-brown: hsla(36, 22%, 29%, 1); --black-olive: hsla(100, 3%, 23%, 1);

/ SCSS HEX / $white: #ffffffff; $isabelline: #f3efefff; $platinum: #e7dedeff; $pale-dogwood: #cfbcbdff; $salmon: #de8f78ff; $giants-orange: #ed6232ff; $brown-sugar: #b35f36ff; $coyote: #785c3aff; $walnut-brown: #594c39ff; $black-olive: #393b38ff;

/ SCSS HSL / $white: hsla(0, 0%, 100%, 1); $isabelline: hsla(0, 14%, 95%, 1); $platinum: hsla(0, 16%, 89%, 1); $pale-dogwood: hsla(357, 17%, 77%, 1); $salmon: hsla(14, 61%, 67%, 1); $giants-orange: hsla(15, 84%, 56%, 1); $brown-sugar: hsla(20, 54%, 46%, 1); $coyote: hsla(33, 35%, 35%, 1); $walnut-brown: hsla(36, 22%, 29%, 1); $black-olive: hsla(100, 3%, 23%, 1);

/ SCSS RGB / $white: rgba(255, 255, 255, 1); $isabelline: rgba(243, 239, 239, 1); $platinum: rgba(231, 222, 222, 1); $pale-dogwood: rgba(207, 188, 189, 1); $salmon: rgba(222, 143, 120, 1); $giants-orange: rgba(237, 98, 50, 1); $brown-sugar: rgba(179, 95, 54, 1); $coyote: rgba(120, 92, 58, 1); $walnut-brown: rgba(89, 76, 57, 1); $black-olive: rgba(57, 59, 56, 1);

/ SCSS Gradient / $gradient-top: linear-gradient(0deg, #ffffffff, #f3efefff, #e7dedeff, #cfbcbdff, #de8f78ff, #ed6232ff, #b35f36ff, #785c3aff, #594c39ff, #393b38ff); $gradient-right: linear-gradient(90deg, #ffffffff, #f3efefff, #e7dedeff, #cfbcbdff, #de8f78ff, #ed6232ff, #b35f36ff, #785c3aff, #594c39ff, #393b38ff); $gradient-bottom: linear-gradient(180deg, #ffffffff, #f3efefff, #e7dedeff, #cfbcbdff, #de8f78ff, #ed6232ff, #b35f36ff, #785c3aff, #594c39ff, #393b38ff); $gradient-left: linear-gradient(270deg, #ffffffff, #f3efefff, #e7dedeff, #cfbcbdff, #de8f78ff, #ed6232ff, #b35f36ff, #785c3aff, #594c39ff, #393b38ff); $gradient-top-right: linear-gradient(45deg, #ffffffff, #f3efefff, #e7dedeff, #cfbcbdff, #de8f78ff, #ed6232ff, #b35f36ff, #785c3aff, #594c39ff, #393b38ff); $gradient-bottom-right: linear-gradient(135deg, #ffffffff, #f3efefff, #e7dedeff, #cfbcbdff, #de8f78ff, #ed6232ff, #b35f36ff, #785c3aff, #594c39ff, #393b38ff); $gradient-top-left: linear-gradient(225deg, #ffffffff, #f3efefff, #e7dedeff, #cfbcbdff, #de8f78ff, #ed6232ff, #b35f36ff, #785c3aff, #594c39ff, #393b38ff); $gradient-bottom-left: linear-gradient(315deg, #ffffffff, #f3efefff, #e7dedeff, #cfbcbdff, #de8f78ff, #ed6232ff, #b35f36ff, #785c3aff, #594c39ff, #393b38ff); $gradient-radial: radial-gradient(#ffffffff, #f3efefff, #e7dedeff, #cfbcbdff, #de8f78ff, #ed6232ff, #b35f36ff, #785c3aff, #594c39ff, #393b38ff);

chriskauffman commented 1 year ago

https://coolors.co/ffffff-f3efef-e7dede-cfbcbd-de8f78-ed6232-b35f36-785c3a-594c39-393b38

chriskauffman commented 1 year ago

https://coolors.co/ffffff-f3efef-e7dede-cfbcbd-de8f78-ed6232-b35f36-785c3a-594c39-393b38

chriskauffman commented 1 year ago

Good article https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties

chriskauffman commented 1 year ago

Fixed in c701bcea605209e0585a52ca0552fab6061f17b7