From de67d7f924cb0da883cb6156d9a4cb4daae69d4b Mon Sep 17 00:00:00 2001 From: Craig Jennings Date: Tue, 16 Jun 2026 16:03:06 -0500 Subject: wip(theme): snapshot WIP theme and daneel palette draft --- scripts/theme-studio/daneel-palette.scss | 67 ++++++++++++++++++++++++++++++++ 1 file changed, 67 insertions(+) create mode 100644 scripts/theme-studio/daneel-palette.scss (limited to 'scripts') diff --git a/scripts/theme-studio/daneel-palette.scss b/scripts/theme-studio/daneel-palette.scss new file mode 100644 index 000000000..2b61b4f57 --- /dev/null +++ b/scripts/theme-studio/daneel-palette.scss @@ -0,0 +1,67 @@ +/* Coolors Exported Palette - https://coolors.co/bfb48f-3083dc-363020-605c4e-451f55-0a2463-6e0d25-3f7d20-140400 */ + +/* CSS HEX */ +--sand: #bfb48fff; +--brilliant-azure: #3083dcff; +--dark-khaki: #363020ff; +--stone-brown: #605c4eff; +--dark-amethyst: #451f55ff; +--imperial-blue: #0a2463ff; +--dark-amaranth: #6e0d25ff; +--green: #3f7d20ff; +--coffee-bean: #140400ff; + +/* CSS HSL */ +--sand: hsla(46, 27%, 65%, 1); +--brilliant-azure: hsla(211, 71%, 53%, 1); +--dark-khaki: hsla(44, 26%, 17%, 1); +--stone-brown: hsla(47, 10%, 34%, 1); +--dark-amethyst: hsla(282, 47%, 23%, 1); +--imperial-blue: hsla(222, 82%, 21%, 1); +--dark-amaranth: hsla(345, 79%, 24%, 1); +--green: hsla(100, 59%, 31%, 1); +--coffee-bean: hsla(12, 100%, 4%, 1); + +/* SCSS HEX */ +$sand: #bfb48fff; +$brilliant-azure: #3083dcff; +$dark-khaki: #363020ff; +$stone-brown: #605c4eff; +$dark-amethyst: #451f55ff; +$imperial-blue: #0a2463ff; +$dark-amaranth: #6e0d25ff; +$green: #3f7d20ff; +$coffee-bean: #140400ff; + +/* SCSS HSL */ +$sand: hsla(46, 27%, 65%, 1); +$brilliant-azure: hsla(211, 71%, 53%, 1); +$dark-khaki: hsla(44, 26%, 17%, 1); +$stone-brown: hsla(47, 10%, 34%, 1); +$dark-amethyst: hsla(282, 47%, 23%, 1); +$imperial-blue: hsla(222, 82%, 21%, 1); +$dark-amaranth: hsla(345, 79%, 24%, 1); +$green: hsla(100, 59%, 31%, 1); +$coffee-bean: hsla(12, 100%, 4%, 1); + +/* SCSS RGB */ +$sand: rgba(191, 180, 143, 1); +$brilliant-azure: rgba(48, 131, 220, 1); +$dark-khaki: rgba(54, 48, 32, 1); +$stone-brown: rgba(96, 92, 78, 1); +$dark-amethyst: rgba(69, 31, 85, 1); +$imperial-blue: rgba(10, 36, 99, 1); +$dark-amaranth: rgba(110, 13, 37, 1); +$green: rgba(63, 125, 32, 1); +$coffee-bean: rgba(20, 4, 0, 1); + +/* SCSS Gradient */ +$gradient-top: linear-gradient(0deg, #bfb48fff, #3083dcff, #363020ff, #605c4eff, #451f55ff, #0a2463ff, #6e0d25ff, #3f7d20ff, #140400ff); +$gradient-right: linear-gradient(90deg, #bfb48fff, #3083dcff, #363020ff, #605c4eff, #451f55ff, #0a2463ff, #6e0d25ff, #3f7d20ff, #140400ff); +$gradient-bottom: linear-gradient(180deg, #bfb48fff, #3083dcff, #363020ff, #605c4eff, #451f55ff, #0a2463ff, #6e0d25ff, #3f7d20ff, #140400ff); +$gradient-left: linear-gradient(270deg, #bfb48fff, #3083dcff, #363020ff, #605c4eff, #451f55ff, #0a2463ff, #6e0d25ff, #3f7d20ff, #140400ff); +$gradient-top-right: linear-gradient(45deg, #bfb48fff, #3083dcff, #363020ff, #605c4eff, #451f55ff, #0a2463ff, #6e0d25ff, #3f7d20ff, #140400ff); +$gradient-bottom-right: linear-gradient(135deg, #bfb48fff, #3083dcff, #363020ff, #605c4eff, #451f55ff, #0a2463ff, #6e0d25ff, #3f7d20ff, #140400ff); +$gradient-top-left: linear-gradient(225deg, #bfb48fff, #3083dcff, #363020ff, #605c4eff, #451f55ff, #0a2463ff, #6e0d25ff, #3f7d20ff, #140400ff); +$gradient-bottom-left: linear-gradient(315deg, #bfb48fff, #3083dcff, #363020ff, #605c4eff, #451f55ff, #0a2463ff, #6e0d25ff, #3f7d20ff, #140400ff); +$gradient-radial: radial-gradient(#bfb48fff, #3083dcff, #363020ff, #605c4eff, #451f55ff, #0a2463ff, #6e0d25ff, #3f7d20ff, #140400ff); \ No newline at end of file -- cgit v1.2.3