style: selection and focus color

This commit is contained in:
Lucas Larroche 2023-01-28 12:22:55 +07:00
parent dfa4041b77
commit 6c3e126943
13 changed files with 52 additions and 39 deletions

View file

@ -11,6 +11,9 @@
// Text color
#{$✨}color: #{$zinc-200};
// Text selection color
#{$✨}text-selection-color: #{rgba($azure-350, 0.1875)};
// Muted colors
#{$✨}muted-color: #{$zinc-450};
#{$✨}muted-border-color: #{$slate-850};
@ -24,7 +27,7 @@
#{$✨}primary-background-hover: #{$azure-500};
#{$✨}primary-border: var(#{$}primary-background);
#{$✨}primary-border-hover: var(#{$}primary-background-hover);
#{$✨}primary-focus: #{rgba($azure-350, 0.25)};
#{$✨}primary-focus: #{rgba($azure-350, 0.375)};
#{$✨}primary-inverse: #{$white};
// Secondary colors

View file

@ -11,6 +11,9 @@
// Text color
#{$✨}color: #{$zinc-750};
// Text selection color
#{$✨}text-selection-color: #{rgba($azure-400, 0.25)};
// Muted colors
#{$✨}muted-color: #{$zinc-550};
#{$✨}muted-border-color: #{mix($slate-100, $slate-50)};
@ -24,7 +27,7 @@
#{$✨}primary-background-hover: #{$azure-600};
#{$✨}primary-border: var(#{$}primary-background);
#{$✨}primary-border-hover: var(#{$}primary-background-hover);
#{$✨}primary-focus: #{rgba($azure-400, 0.25)};
#{$✨}primary-focus: #{rgba($azure-400, 0.5)};
#{$✨}primary-inverse: #{$white};
// Secondary colors