WordPress.org
Get WordPress

Making WordPress.org


Ignore:
Timestamp:
06/23/2021 03:22:29 PM (4 years ago)
Author:
ryelle
Message:

Pattern Directory: Sync with git WordPress/pattern-directory@e9e2423d5045005e835e025bafbdd2d3525f7ca3

File:
1 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/settings/_colors.scss

    r10841 r11056  
    3030$color-gray-light-100: lighten($color-base-gray, 77%);
    3131
    32 $color-error-red: #c92c2c;
    33 $color-alert-red: #d94f4f;
     32// New WP 5.7+ Colors
     33$colors: (
     34    white: #fff,
     35    black: #000,
     36    gray-0: #f6f7f7,
     37    gray-2: #f0f0f1,
     38    gray-5: #dcdcde,
     39    gray-10: #c3c4c7,
     40    gray-20: #a7aaad,
     41    gray-30: #8c8f94,
     42    gray-40: #787c82,
     43    gray-50: #646970,
     44    gray-60: #50575e,
     45    gray-70: #3c434a,
     46    gray-80: #2c3338,
     47    gray-90: #1d2327,
     48    gray-100: #101517,
     49    blue-0: #f0f6fc,
     50    blue-5: #c5d9ed,
     51    blue-10: #9ec2e6,
     52    blue-20: #72aee6,
     53    blue-30: #4f94d4,
     54    blue-40: #3582c4,
     55    blue-50: #2271b1,
     56    blue-60: #135e96,
     57    blue-70: #0a4b78,
     58    blue-80: #043959,
     59    blue-90: #01263a,
     60    blue-100: #00131c,
     61    red-0: #fcf0f1,
     62    red-5: #facfd2,
     63    red-10: #ffabaf,
     64    red-20: #ff8085,
     65    red-30: #f86368,
     66    red-40: #e65054,
     67    red-50: #d63638,
     68    red-60: #b32d2e,
     69    red-70: #8a2424,
     70    red-80: #691c1c,
     71    red-90: #451313,
     72    red-100: #240a0a,
     73    yellow-0: #fcf9e8,
     74    yellow-5: #f5e6ab,
     75    yellow-10: #f2d675,
     76    yellow-20: #f0c33c,
     77    yellow-30: #dba617,
     78    yellow-40: #bd8600,
     79    yellow-50: #996800,
     80    yellow-60: #755100,
     81    yellow-70: #614200,
     82    yellow-80: #4a3200,
     83    yellow-90: #362400,
     84    yellow-100: #211600,
     85    green-0: #edfaef,
     86    green-5: #b8e6bf,
     87    green-10: #68de7c,
     88    green-20: #1ed14b,
     89    green-30: #00ba37,
     90    green-40: #00a32a,
     91    green-50: #008a20,
     92    green-60: #007017,
     93    green-70: #005c12,
     94    green-80: #00450c,
     95    green-90: #003008,
     96    green-100: #001c05
     97);
    3498
    35 $color-black: #000;
    36 $color-white: #fff;
     99// Simple function to retreive colors in the $colors map.
     100// e.g. `background-color: color(gray-50);`
     101@function color($key) {
    37102
    38 $color-accent-blue-shade4: #006899;
    39 $color-accent-green-shade1: #399648;
     103    @if map-has-key($colors, $key) {
     104
     105        @return map-get($colors, $key);
     106    }
     107
     108    @warn "Unknown `#{$key}` in $colors.";
     109    @return null;
     110}
     111
     112$color-error-red: color(red-50);
     113$color-alert-red: color(red-40);
     114
     115$color-black: color(black); // stylelint-disable-line color-named
     116$color-white: color(white); // stylelint-disable-line color-named
     117
     118$color-accent-blue-shade4: color(blue-60);
     119$color-accent-green-shade1: color(green-60);
    40120
    41121// Theme colors
    42122$color__background-input: $color-gray-light-200;
    43 $color__text: #555d66;
     123$color__text: color(gray-60);
    44124$color__text-darker: $color-gray-700;
    45125$color__text-lighter: $color-gray-300;
    46 $color__text-on-dark: #fff;
     126$color__text-on-dark: $color-white;
    47127$color__text-heading: $color-gray-400;
    48128$color__text-heading-darker: $color-gray-800;
Note: See TracChangeset for help on using the changeset viewer.