mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 17:36:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: Improve default theme

Browse source
This commit is contained in:
Lucas Larroche 2023-01-01 13:25:54 +07:00
parent 89dbc0254b
commit f8b77beffc
2 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

12
scss/themes/default/_dark.scss
View file

@ -20,8 +20,8 @@
#{$✨}primary-hover: #{$azure-250};
#{$✨}primary-underline: #{rgba($azure-350, 0.5)};
#{$✨}primary-underline-hover: var(#{$✨}primary-hover);
#{$✨}primary-background: #{$azure-600};
#{$✨}primary-background-hover: #{$azure-550};
#{$✨}primary-background: #{$azure-550};
#{$✨}primary-background-hover: #{$azure-500};
#{$✨}primary-border: var(#{$✨}primary-background);
#{$✨}primary-border-hover: var(#{$✨}primary-background-hover);
#{$✨}primary-focus: #{rgba($azure-350, 0.25)};
@ -32,8 +32,8 @@
#{$✨}secondary-hover: #{$zinc-250};
#{$✨}secondary-underline: #{rgba($zinc-350, 0.5)};
#{$✨}secondary-underline-hover: var(#{$✨}secondary-hover);
#{$✨}secondary-background: #{$slate-650};
#{$✨}secondary-background-hover: #{$slate-600};
#{$✨}secondary-background: #{$slate-600};
#{$✨}secondary-background-hover: #{$slate-550};
#{$✨}secondary-border: var(#{$✨}secondary-background);
#{$✨}secondary-border-hover: var(#{$✨}secondary-background-hover);
#{$✨}secondary-focus: #{rgba($slate-350, 0.25)};
@ -151,7 +151,7 @@
// Accordion (<details>)
@if map.get($modules, "components/accordion") {
#{$✨}accordion-border-color: var(#{$✨}muted-border-color);
#{$✨}accordion-active-summary-color: var(#{$✨}primary);
#{$✨}accordion-active-summary-color: var(#{$✨}primary-hover);
#{$✨}accordion-close-summary-color: var(#{$✨}color);
#{$✨}accordion-open-summary-color: var(#{$✨}muted-color);
}
@ -208,7 +208,7 @@
{
#{$✨}icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($zinc-400)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
#{$✨}icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($white)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
#{$✨}icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($black)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
#{$✨}icon-chevron-button-contrast: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($black)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}
// Datetime icons

8
scss/themes/default/_light.scss
View file

@ -32,8 +32,8 @@
#{$✨}secondary-hover: #{$slate-650};
#{$✨}secondary-underline: #{rgba($slate-550, 0.5)};
#{$✨}secondary-underline-hover: var(#{$✨}secondary-hover);
#{$✨}secondary-background: #{$slate-550};
#{$✨}secondary-background-hover: #{$slate-600};
#{$✨}secondary-background: #{$slate-600};
#{$✨}secondary-background-hover: #{$slate-650};
#{$✨}secondary-border: var(#{$✨}secondary-background);
#{$✨}secondary-border-hover: var(#{$✨}secondary-background-hover);
#{$✨}secondary-focus: #{rgba($slate-550, 0.25)};
@ -151,7 +151,7 @@
// Accordion (<details>)
@if map.get($modules, "components/accordion") {
#{$✨}accordion-border-color: var(#{$✨}muted-border-color);
#{$✨}accordion-active-summary-color: var(#{$✨}primary);
#{$✨}accordion-active-summary-color: var(#{$✨}primary-hover);
#{$✨}accordion-close-summary-color: var(#{$✨}color);
#{$✨}accordion-open-summary-color: var(#{$✨}muted-color);
}
@ -208,7 +208,7 @@
{
#{$✨}icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($zinc-400)}' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
#{$✨}icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($white)}' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
#{$✨}icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{functions.display-rgb($white)}' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
#{$✨}icon-chevron-button-contrast: var(#{$✨}icon-chevron-button);
}
// Datetime icons