mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-06-15 18:55:00 -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-hover: #{$azure-250};
#{$✨}primary-underline: #{rgba($azure-350, 0.5)}; #{$✨}primary-underline: #{rgba($azure-350, 0.5)};
#{$✨}primary-underline-hover: var(#{$✨}primary-hover); #{$✨}primary-underline-hover: var(#{$✨}primary-hover);
#{$✨}primary-background: #{$azure-600}; #{$✨}primary-background: #{$azure-550};
#{$✨}primary-background-hover: #{$azure-550}; #{$✨}primary-background-hover: #{$azure-500};
#{$✨}primary-border: var(#{$✨}primary-background); #{$✨}primary-border: var(#{$✨}primary-background);
#{$✨}primary-border-hover: var(#{$✨}primary-background-hover); #{$✨}primary-border-hover: var(#{$✨}primary-background-hover);
#{$✨}primary-focus: #{rgba($azure-350, 0.25)}; #{$✨}primary-focus: #{rgba($azure-350, 0.25)};
@ -32,8 +32,8 @@
#{$✨}secondary-hover: #{$zinc-250}; #{$✨}secondary-hover: #{$zinc-250};
#{$✨}secondary-underline: #{rgba($zinc-350, 0.5)}; #{$✨}secondary-underline: #{rgba($zinc-350, 0.5)};
#{$✨}secondary-underline-hover: var(#{$✨}secondary-hover); #{$✨}secondary-underline-hover: var(#{$✨}secondary-hover);
#{$✨}secondary-background: #{$slate-650}; #{$✨}secondary-background: #{$slate-600};
#{$✨}secondary-background-hover: #{$slate-600}; #{$✨}secondary-background-hover: #{$slate-550};
#{$✨}secondary-border: var(#{$✨}secondary-background); #{$✨}secondary-border: var(#{$✨}secondary-background);
#{$✨}secondary-border-hover: var(#{$✨}secondary-background-hover); #{$✨}secondary-border-hover: var(#{$✨}secondary-background-hover);
#{$✨}secondary-focus: #{rgba($slate-350, 0.25)}; #{$✨}secondary-focus: #{rgba($slate-350, 0.25)};
@ -151,7 +151,7 @@
// Accordion (<details>) // Accordion (<details>)
@if map.get($modules, "components/accordion") { @if map.get($modules, "components/accordion") {
#{$✨}accordion-border-color: var(#{$✨}muted-border-color); #{$✨}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-close-summary-color: var(#{$✨}color);
#{$✨}accordion-open-summary-color: var(#{$✨}muted-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: 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: 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 // Datetime icons

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

@ -32,8 +32,8 @@
#{$✨}secondary-hover: #{$slate-650}; #{$✨}secondary-hover: #{$slate-650};
#{$✨}secondary-underline: #{rgba($slate-550, 0.5)}; #{$✨}secondary-underline: #{rgba($slate-550, 0.5)};
#{$✨}secondary-underline-hover: var(#{$✨}secondary-hover); #{$✨}secondary-underline-hover: var(#{$✨}secondary-hover);
#{$✨}secondary-background: #{$slate-550}; #{$✨}secondary-background: #{$slate-600};
#{$✨}secondary-background-hover: #{$slate-600}; #{$✨}secondary-background-hover: #{$slate-650};
#{$✨}secondary-border: var(#{$✨}secondary-background); #{$✨}secondary-border: var(#{$✨}secondary-background);
#{$✨}secondary-border-hover: var(#{$✨}secondary-background-hover); #{$✨}secondary-border-hover: var(#{$✨}secondary-background-hover);
#{$✨}secondary-focus: #{rgba($slate-550, 0.25)}; #{$✨}secondary-focus: #{rgba($slate-550, 0.25)};
@ -151,7 +151,7 @@
// Accordion (<details>) // Accordion (<details>)
@if map.get($modules, "components/accordion") { @if map.get($modules, "components/accordion") {
#{$✨}accordion-border-color: var(#{$✨}muted-border-color); #{$✨}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-close-summary-color: var(#{$✨}color);
#{$✨}accordion-open-summary-color: var(#{$✨}muted-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: 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: 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 // Datetime icons