more rice color pallete
This commit is contained in:
@@ -3,17 +3,25 @@
|
||||
home.file.".config/color-pallete.html".text = with rice.color; let
|
||||
cb = color-set: color-name: size: /* html */ ''
|
||||
<div class="color-container" style="border-color: ${color-set.base}">
|
||||
<div class="color-box" style="background: ${color-set.darker}; height: ${builtins.toString size}px;">
|
||||
<p style="color: ${color-set.bright}"> ${color-name}.darker </p>
|
||||
<p sktyle="color: ${color-set.bright}"> ${color-set.darker} </p>
|
||||
</div>
|
||||
<div class="color-box" style="background: ${color-set.dark}; height: ${builtins.toString size}px;">
|
||||
<p style="color: ${color-set.bright}"> ${color-name}.dark </p>
|
||||
<p style="color: ${color-set.bright}"> ${color-set.dark} </p>
|
||||
<p style="color: ${color-set.brighter}"> ${color-name}.dark </p>
|
||||
<p style="color: ${color-set.brighter}"> ${color-set.dark} </p>
|
||||
</div>
|
||||
<div class="color-box" style="background: ${color-set.base}; height: ${builtins.toString size}px;">
|
||||
<p class="dynamic-text"> ${color-name}.base </p>
|
||||
<p class="dynamic-text"> ${color-set.base} </p>
|
||||
</div>
|
||||
<div class="color-box" style="background: ${color-set.bright}; height: ${builtins.toString size}px;">
|
||||
<p style="color: ${color-set.dark}"> ${color-name}.bright </p>
|
||||
<p style="color: ${color-set.dark}"> ${color-set.bright} </p>
|
||||
<p style="color: ${color-set.darker}"> ${color-name}.bright </p>
|
||||
<p style="color: ${color-set.darker}"> ${color-set.bright} </p>
|
||||
</div>
|
||||
<div class="color-box" style="background: ${color-set.brighter}; height: ${builtins.toString size}px;">
|
||||
<p style="color: ${color-set.dark}"> ${color-name}.brighter </p>
|
||||
<p style="color: ${color-set.dark}"> ${color-set.brighter} </p>
|
||||
</div>
|
||||
</div>
|
||||
'';
|
||||
@@ -67,8 +75,9 @@
|
||||
${cb accent "accent" 100}
|
||||
${cb secondary "secondary" 100}
|
||||
${cb tertiary "tertiary" 100}
|
||||
${cb weird "weird" 100}
|
||||
${cb special "special" 100}
|
||||
${cb weird "weird" 80}
|
||||
${cb special "special" 80}
|
||||
${cb subtle "subtle" 80}
|
||||
<br>
|
||||
${cb positive "positive" 70}
|
||||
${cb negative "negative" 70}
|
||||
|
||||
Reference in New Issue
Block a user