-
Notifications
You must be signed in to change notification settings - Fork 1
/
styles.php
22 lines (20 loc) · 1.01 KB
/
styles.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<style>
html {
--rock-primary-h: <?= $h ?>;
--rock-primary-s: <?= $s ?>;
--rock-primary-l: <?= $l ?>;
--rock-gray-saturation: <?= $saturation ?>;
--rock-primary: hsl(var(--rock-primary-h),
var(--rock-primary-s),
var(--rock-primary-l));
--rock-gray-100: hsl(var(--rock-primary-h), var(--rock-gray-saturation), 95%);
--rock-gray-200: hsl(var(--rock-primary-h), var(--rock-gray-saturation), 85%);
--rock-gray-300: hsl(var(--rock-primary-h), var(--rock-gray-saturation), 75%);
--rock-gray-400: hsl(var(--rock-primary-h), var(--rock-gray-saturation), 65%);
--rock-gray-500: hsl(var(--rock-primary-h), var(--rock-gray-saturation), 55%);
--rock-gray-600: hsl(var(--rock-primary-h), var(--rock-gray-saturation), 45%);
--rock-gray-700: hsl(var(--rock-primary-h), var(--rock-gray-saturation), 35%);
--rock-gray-800: hsl(var(--rock-primary-h), var(--rock-gray-saturation), 25%);
--rock-gray-900: hsl(var(--rock-primary-h), var(--rock-gray-saturation), 15%);
}
</style>