mirror of
https://github.com/picocss/pico.git
synced 2025-04-26 11:16:15 -04:00
Update default theme
This commit is contained in:
parent
bcb4c546b9
commit
a5f837a08b
12 changed files with 95 additions and 95 deletions
|
@ -71,29 +71,29 @@
|
|||
--h5: #73828c;
|
||||
--h6: #8a99a3;
|
||||
--primary: #1095c1;
|
||||
--primary-border: #1095c1;
|
||||
--primary-border: var(--primary);
|
||||
--primary-hover: #08769b;
|
||||
--primary-hover-border: #08769b;
|
||||
--primary-hover-border: var(--primary-hover-border);
|
||||
--primary-focus: rgba(16, 149, 193, 0.125);
|
||||
--primary-inverse: #FFF;
|
||||
--secondary: #73828c;
|
||||
--secondary-border: #73828c;
|
||||
--secondary-border: var(--secondary);
|
||||
--secondary-hover: #415462;
|
||||
--secondary-hover-border: #415462;
|
||||
--secondary-hover-border: var(--secondary-hover);
|
||||
--secondary-focus: rgba(115, 130, 140, 0.125);
|
||||
--secondary-inverse: #FFF;
|
||||
--contrast: #2c3d49;
|
||||
--contrast-border: #2c3d49;
|
||||
--contrast-border: var(--contrast);
|
||||
--contrast-hover: #0d1419;
|
||||
--contrast-hover-border: #0d1419;
|
||||
--contrast-hover-border: var(--contrast-hover);
|
||||
--contrast-focus: rgba(115, 130, 140, 0.125);
|
||||
--contrast-inverse: #FFF;
|
||||
--input-background: #FFF;
|
||||
--input-border: #c8d1d8;
|
||||
--input-hover-background: #FFF;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.125);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #288a6a;
|
||||
|
@ -148,9 +148,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
@ -205,9 +205,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
|
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
30
css/pico.css
30
css/pico.css
|
@ -71,29 +71,29 @@
|
|||
--h5: #73828c;
|
||||
--h6: #8a99a3;
|
||||
--primary: #1095c1;
|
||||
--primary-border: #1095c1;
|
||||
--primary-border: var(--primary);
|
||||
--primary-hover: #08769b;
|
||||
--primary-hover-border: #08769b;
|
||||
--primary-hover-border: var(--primary-hover-border);
|
||||
--primary-focus: rgba(16, 149, 193, 0.125);
|
||||
--primary-inverse: #FFF;
|
||||
--secondary: #73828c;
|
||||
--secondary-border: #73828c;
|
||||
--secondary-border: var(--secondary);
|
||||
--secondary-hover: #415462;
|
||||
--secondary-hover-border: #415462;
|
||||
--secondary-hover-border: var(--secondary-hover);
|
||||
--secondary-focus: rgba(115, 130, 140, 0.125);
|
||||
--secondary-inverse: #FFF;
|
||||
--contrast: #2c3d49;
|
||||
--contrast-border: #2c3d49;
|
||||
--contrast-border: var(--contrast);
|
||||
--contrast-hover: #0d1419;
|
||||
--contrast-hover-border: #0d1419;
|
||||
--contrast-hover-border: var(--contrast-hover);
|
||||
--contrast-focus: rgba(115, 130, 140, 0.125);
|
||||
--contrast-inverse: #FFF;
|
||||
--input-background: #FFF;
|
||||
--input-border: #c8d1d8;
|
||||
--input-hover-background: #FFF;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.125);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #288a6a;
|
||||
|
@ -148,9 +148,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
@ -205,9 +205,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
|
|
@ -71,29 +71,29 @@
|
|||
--h5: #73828c;
|
||||
--h6: #8a99a3;
|
||||
--primary: #1095c1;
|
||||
--primary-border: #1095c1;
|
||||
--primary-border: var(--primary);
|
||||
--primary-hover: #08769b;
|
||||
--primary-hover-border: #08769b;
|
||||
--primary-hover-border: var(--primary-hover-border);
|
||||
--primary-focus: rgba(16, 149, 193, 0.125);
|
||||
--primary-inverse: #FFF;
|
||||
--secondary: #73828c;
|
||||
--secondary-border: #73828c;
|
||||
--secondary-border: var(--secondary);
|
||||
--secondary-hover: #415462;
|
||||
--secondary-hover-border: #415462;
|
||||
--secondary-hover-border: var(--secondary-hover);
|
||||
--secondary-focus: rgba(115, 130, 140, 0.125);
|
||||
--secondary-inverse: #FFF;
|
||||
--contrast: #2c3d49;
|
||||
--contrast-border: #2c3d49;
|
||||
--contrast-border: var(--contrast);
|
||||
--contrast-hover: #0d1419;
|
||||
--contrast-hover-border: #0d1419;
|
||||
--contrast-hover-border: var(--contrast-hover);
|
||||
--contrast-focus: rgba(115, 130, 140, 0.125);
|
||||
--contrast-inverse: #FFF;
|
||||
--input-background: #FFF;
|
||||
--input-border: #c8d1d8;
|
||||
--input-hover-background: #FFF;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.125);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #288a6a;
|
||||
|
@ -148,9 +148,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
@ -205,9 +205,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
|
2
css/pico.fluid.classless.min.css
vendored
2
css/pico.fluid.classless.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -74,29 +74,29 @@
|
|||
--h5: #73828c;
|
||||
--h6: #8a99a3;
|
||||
--primary: #1095c1;
|
||||
--primary-border: #1095c1;
|
||||
--primary-border: var(--primary);
|
||||
--primary-hover: #08769b;
|
||||
--primary-hover-border: #08769b;
|
||||
--primary-hover-border: var(--primary-hover-border);
|
||||
--primary-focus: rgba(16, 149, 193, 0.125);
|
||||
--primary-inverse: #FFF;
|
||||
--secondary: #73828c;
|
||||
--secondary-border: #73828c;
|
||||
--secondary-border: var(--secondary);
|
||||
--secondary-hover: #415462;
|
||||
--secondary-hover-border: #415462;
|
||||
--secondary-hover-border: var(--secondary-hover);
|
||||
--secondary-focus: rgba(115, 130, 140, 0.125);
|
||||
--secondary-inverse: #FFF;
|
||||
--contrast: #2c3d49;
|
||||
--contrast-border: #2c3d49;
|
||||
--contrast-border: var(--contrast);
|
||||
--contrast-hover: #0d1419;
|
||||
--contrast-hover-border: #0d1419;
|
||||
--contrast-hover-border: var(--contrast-hover);
|
||||
--contrast-focus: rgba(115, 130, 140, 0.125);
|
||||
--contrast-inverse: #FFF;
|
||||
--input-background: #FFF;
|
||||
--input-border: #c8d1d8;
|
||||
--input-hover-background: #FFF;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.125);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #288a6a;
|
||||
|
@ -151,9 +151,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
@ -208,9 +208,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
|
2
css/pico.slim.min.css
vendored
2
css/pico.slim.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -67,29 +67,29 @@
|
|||
--h5: #73828c;
|
||||
--h6: #8a99a3;
|
||||
--primary: #1095c1;
|
||||
--primary-border: #1095c1;
|
||||
--primary-border: var(--primary);
|
||||
--primary-hover: #08769b;
|
||||
--primary-hover-border: #08769b;
|
||||
--primary-hover-border: var(--primary-hover-border);
|
||||
--primary-focus: rgba(16, 149, 193, 0.125);
|
||||
--primary-inverse: #FFF;
|
||||
--secondary: #73828c;
|
||||
--secondary-border: #73828c;
|
||||
--secondary-border: var(--secondary);
|
||||
--secondary-hover: #415462;
|
||||
--secondary-hover-border: #415462;
|
||||
--secondary-hover-border: var(--secondary-hover);
|
||||
--secondary-focus: rgba(115, 130, 140, 0.125);
|
||||
--secondary-inverse: #FFF;
|
||||
--contrast: #2c3d49;
|
||||
--contrast-border: #2c3d49;
|
||||
--contrast-border: var(--contrast);
|
||||
--contrast-hover: #0d1419;
|
||||
--contrast-hover-border: #0d1419;
|
||||
--contrast-hover-border: var(--contrast-hover);
|
||||
--contrast-focus: rgba(115, 130, 140, 0.125);
|
||||
--contrast-inverse: #FFF;
|
||||
--input-background: #FFF;
|
||||
--input-border: #c8d1d8;
|
||||
--input-hover-background: #FFF;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.125);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #288a6a;
|
||||
|
@ -144,9 +144,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
@ -201,9 +201,9 @@
|
|||
--input-background: #10181e;
|
||||
--input-border: #374956;
|
||||
--input-hover-background: #10181e;
|
||||
--input-hover-border: #1095c1;
|
||||
--input-focus: rgba(16, 149, 193, 0.25);
|
||||
--input-inverse: #FFF;
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--button-hover-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
--valid: #1f7a5c;
|
||||
|
|
2
css/themes/default.min.css
vendored
2
css/themes/default.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -44,9 +44,9 @@
|
|||
--input-background: #{darken($grey-900, 6%)};
|
||||
--input-border: #{mix($grey-800, $grey-700)};
|
||||
--input-hover-background: #{darken($grey-900, 6%)};
|
||||
--input-hover-border: #{$primary-600};
|
||||
--input-focus: #{rgba($primary-600, .25)};
|
||||
--input-inverse: #{$white};
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
|
||||
// Button
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
|
@ -127,9 +127,9 @@
|
|||
--input-background: #{darken($grey-900, 6%)};
|
||||
--input-border: #{mix($grey-800, $grey-700)};
|
||||
--input-hover-background: #{darken($grey-900, 6%)};
|
||||
--input-hover-border: #{$primary-600};
|
||||
--input-focus: #{rgba($primary-600, .25)};
|
||||
--input-inverse: #{$white};
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
|
||||
// Button
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
|
|
|
@ -18,25 +18,25 @@
|
|||
|
||||
// Primary Call-to-Action and links
|
||||
--primary: #{$primary-600};
|
||||
--primary-border: #{$primary-600};
|
||||
--primary-border: var(--primary);
|
||||
--primary-hover: #{$primary-700};
|
||||
--primary-hover-border: #{$primary-700};
|
||||
--primary-hover-border: var(--primary-hover-border);
|
||||
--primary-focus: #{rgba($primary-600, .125)};
|
||||
--primary-inverse: #{$white};
|
||||
|
||||
// Secondary Call-to-Action, links and kbd
|
||||
--secondary: #{$grey-500};
|
||||
--secondary-border: #{$grey-500};
|
||||
--secondary-border: var(--secondary);
|
||||
--secondary-hover: #{$grey-700};
|
||||
--secondary-hover-border: #{$grey-700};
|
||||
--secondary-hover-border: var(--secondary-hover);
|
||||
--secondary-focus: #{rgba($grey-500, .125)};
|
||||
--secondary-inverse: #{$white};
|
||||
|
||||
// Contrast Call-to-Action and Tooltips
|
||||
--contrast: #{$grey-800};
|
||||
--contrast-border: #{$grey-800};
|
||||
--contrast-border: var(--contrast);
|
||||
--contrast-hover: #{mix($grey-900, $black)};
|
||||
--contrast-hover-border: #{mix($grey-900, $black)};
|
||||
--contrast-hover-border: var(--contrast-hover);
|
||||
--contrast-focus: #{rgba($grey-500, .125)};
|
||||
--contrast-inverse: #{$white};
|
||||
|
||||
|
@ -44,9 +44,9 @@
|
|||
--input-background: #{$white};
|
||||
--input-border: #{mix($grey-100, $grey-200)};
|
||||
--input-hover-background: #{$white};
|
||||
--input-hover-border: #{$primary-600};
|
||||
--input-focus: #{rgba($primary-600, .125)};
|
||||
--input-inverse: #{$white};
|
||||
--input-hover-border: var(--primary-hover-border);
|
||||
--input-focus: var(--primary-focus);
|
||||
--input-inverse: var(--primary-inverse);
|
||||
|
||||
// Button
|
||||
--button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue