////////////////////////////////// // // // HOLLY OS COLOR PALETTE // // // ////////////////////////////////// // Palette Map $palette: ( 'red': ( 5: #f9dcdd, 10: #f7cacc, 15: #f4b8ba, 20: #f1a7a9, 25: #ee9598, 30: #ec8387, 35: #e97276, 40: #e5565a, 45: #e34f54, 50: #e13d42, 55: #de2b31, 60: #d42127, 65: #c21e24, 70: #b01c21, 75: #9f191d, 80: #8d161a, 85: #7c1317, 90: #6a1114, 95: #580e10, 100: #470b0d ), 'brown': ( 5: #fae9db, 10: #f7dec9, 15: #f5d3b8, 20: #f2c8a6, 25: #f0bd94, 30: #edb282, 35: #eba770, 40: #e79757, 45: #e6914c, 50: #e3863b, 55: #e07b29, 60: #d6711f, 65: #c4681c, 70: #b35e19, 75: #a15517, 80: #8f4b14, 85: #7d4212, 90: #6b390f, 95: #592f0d, 100: #47260a ), 'orange': ( 5: #ffe4d6, 10: #ffd7c2, 15: #ffcaad, 20: #ffbd99, 25: #ffaf85, 30: #ffa270, 35: #ff955c, 40: #ff8847, 45: #ff7a33, 50: #ff6d1f, 55: #ff600a, 60: #f55600, 65: #e04f00, 70: #cc4700, 75: #b84000, 80: #a33900, 85: #8f3200, 90: #7a2b00, 95: #662400, 100: #521d00 ), 'yellow': ( 5: #fff6d6, 10: #fff2c2, 15: #ffedad, 20: #ffe999, 25: #ffe485, 30: #ffe070, 35: #ffdc5c, 40: #ffd747, 45: #ffd333, 50: #ffce1f, 55: #ffca0a, 60: #f5c000, 65: #e0b000, 70: #cca000, 75: #b89000, 80: #a38000, 85: #8f7000, 90: #7a6000, 95: #665000, 100: #524000 ), 'olive': ( 5: #f4f4e2, 10: #eeeed3, 15: #e8e8c4, 20: #e2e2b6, 25: #dddda7, 30: #d7d798, 35: #d1d189, 40: #cccc7b, 45: #c6c66c, 50: #bfbf5b, 55: #baba4f, 60: #b0b045, 65: #a2a23f, 70: #939339, 75: #848433, 80: #76762e, 85: #676728, 90: #585822, 95: #49491d, 100: #3b3b17 ), 'yellow-green': ( 5: #edf2e3, 10: #e4ecd5, 15: #dbe6c7, 20: #d2dfb9, 25: #cad9ab, 30: #c1d39c, 35: #b8cc8e, 40: #afc680, 45: #a6c072, 50: #9db964, 55: #94b356, 60: #8aa94c, 65: #7e9b46, 70: #738d3f, 75: #677f39, 80: #5c7133, 85: #50632c, 90: #455426, 95: #394620, 100: #2e3819 ), 'green': ( 5: #e2f4e1, 10: #d4eed2, 15: #c5e9c3, 20: #b7e3b5, 25: #a8dea6, 30: #9ad897, 35: #8cd388, 40: #7dcd79, 45: #6fc86a, 50: #60c25b, 55: #4cbb46, 60: #48b342, 65: #42a43d, 70: #3c9537, 75: #368632, 80: #30772c, 85: #2a6827, 90: #245921, 95: #1e4a1c, 100: #183c16 ), 'aqua': ( 5: #e2f3ee, 10: #d3eee6, 15: #c5e8de, 20: #b6e2d6, 25: #a7dccd, 30: #99d6c5, 35: #8ad0bd, 40: #7ccbb4, 45: #65c2a7, 50: #5fbfa4, 55: #50b99b, 60: #46af91, 65: #40a085, 70: #3a9279, 75: #34836d, 80: #2f7561, 85: #296655, 90: #235849, 95: #1d493d, 100: #173a30 ), 'teal': ( 5: #e1f4f3, 10: #d3eeed, 15: #c4e9e7, 20: #b5e3e1, 25: #a6dddc, 30: #97d8d6, 35: #89d2d0, 40: #7acdca, 45: #6bc7c4, 50: #5cc1be, 55: #4ebcb8, 60: #43b1ae, 65: #3ea39f, 70: #358c89, 75: #328582, 80: #2d7674, 85: #276865, 90: #225957, 95: #1c4a48, 100: #163b3a ), 'blue': ( 5: #e2eaf3, 10: #d4e0ed, 15: #c5d5e7, 20: #b7cbe1, 25: #a9c0db, 30: #9ab6d5, 35: #8cabcf, 40: #7ea1c9, 45: #6c94c1, 50: #618cbd, 55: #5281b7, 60: #4877ad, 65: #426d9e, 70: #3c6390, 75: #365981, 80: #304f73, 85: #2a4565, 90: #243c56, 95: #1e3248, 100: #18283a ), 'denim': ( 5: #e4e8f1, 10: #d7dcea, 15: #cad1e3, 20: #bcc5dc, 25: #afbad5, 30: #a1aece, 35: #94a2c7, 40: #8797c0, 45: #798bb9, 50: #6c80b2, 55: #5f74ab, 60: #546aa0, 65: #4d6193, 70: #445580, 75: #3f4f78, 80: #38476b, 85: #313e5e, 90: #2a3550, 95: #232c43, 100: #1c2335 ), 'purple': ( 5: #e8e4f1, 10: #dcd7ea, 15: #d0cae2, 20: #c4bddb, 25: #b9afd4, 30: #ada2cd, 35: #a195c6, 40: #9588bf, 45: #8a7ab8, 50: #7e6db0, 55: #7260a9, 60: #68569f, 65: #5f4f92, 70: #554683, 75: #4e4077, 80: #45396a, 85: #3d325d, 90: #342b50, 95: #2b2442, 100: #231d35 ), 'magenta': ( 5: #f4e1ec, 10: #eed3e3, 15: #e9c4d9, 20: #e3b5d0, 25: #dda6c6, 30: #d897bd, 35: #d289b4, 40: #cd7aaa, 45: #c76ba1, 50: #c15c97, 55: #b84588, 60: #b14384, 65: #a33e79, 70: #94386e, 75: #853263, 80: #762d58, 85: #68274d, 90: #592242, 95: #4a1c37, 100: #3b162c ), 'pink': ( 5: #f8dde6, 10: #f5ccda, 15: #f2bbce, 20: #eeaac2, 25: #eb99b5, 30: #e788a9, 35: #e4779d, 40: #e16691, 45: #de5988, 50: #da4478, 55: #d7336c, 60: #cc2862, 65: #bb255a, 70: #aa2251, 75: #991e49, 80: #881b41, 85: #771839, 90: #661431, 95: #551129, 100: #440d21 ), 'metal': ( 5: #f3f3f1, 10: #e6e7e3, 15: #dadbd5, 20: #cfd0c8, 25: #c2c4ba, 30: #b6b8ac, 35: #aaac9e, 40: #9ea191, 45: #929583, 50: #868975, 55: #787b69, 60: #6b6e5e, 65: #5e6052, 70: #505246, 75: #42443a, 80: #36372f, 85: #282923, 90: #272822, 95: #1a1b17, 100: #0d0d0b ), 'gray': ( 5: #ece9eb, 10: #e3dee1, 15: #d9d3d7, 20: #d0c8cd, 25: #c7bdc3, 30: #bdb2ba, 35: #b4a7b0, 40: #ab9ca6, 45: #a1919c, 50: #988692, 55: #8e7b88, 60: #84717e, 65: #796773, 70: #6e5e69, 75: #63545e, 80: #584b54, 85: #4d4249, 90: #42383f, 95: #372f34, 100: #2c262a ) ); // color() mixin: ///////////////////////////////////////////////////// // Gets the specified color from the color palette // // // // Usage: // // background: color('blue', 80); // #1D3649 // // background: color('blue', 8); // #1D3649 // // background: color('blue'); // #4178BE // ///////////////////////////////////////////////////// @function color($color, $tone: 'core') { @if type-of($tone) == 'number' { @if $tone % 5 == $tone { $tone: $tone * 5; } } @return map-get(map-get($palette, $color), $tone); } // get-colors() mixin: ///////////////////////////////////////////////////// // Gets array of specified color from palette // // // // See README for usage // // // ///////////////////////////////////////////////////// @function get-colors($color: null) { // Return a list of colors available if nothing is passed in @if $color == null { @return map-keys($palette); } // Return the full color map if 'all' is passed in @else if $color == 'all' { @return $palette; } // Return just the color map if a specific color is passed in @else { @return map-get($palette, $color); } }