Skip to content

Instantly share code, notes, and snippets.

@ryelle

ryelle/core-css-audit.txt Secret

Last active Apr 13, 2020
Embed
What would you like to do?
Results of running CSS Audit on `trunk/wp-admin/css/*.css` — see https://github.com/ryelle/css-audit
Number of unique colors:
180
Number of unique colors (ignoring opacity):
140
List of all colors:
------------------------
| #fff |
|------------------------|
| white |
|------------------------|
| #f3f4f5 |
|------------------------|
| #1730e5 |
|------------------------|
| #bde7f0 |
|------------------------|
| #216bce |
|------------------------|
| #32373c |
|------------------------|
| rgba(0,0,0,0.1) |
|------------------------|
| #0073aa |
|------------------------|
| rgba(0,0,0,0.2) |
|------------------------|
| #23282d |
|------------------------|
| #555d66 |
|------------------------|
| #ddd |
|------------------------|
| #82878c |
|------------------------|
| gray |
|------------------------|
| #eee |
|------------------------|
| #b4b9be |
|------------------------|
| rgba(240,245,250,0.7) |
|------------------------|
| #00b9eb |
|------------------------|
| #191e23 |
|------------------------|
| #a0a5aa |
|------------------------|
| rgba(240,245,250,0.6) |
|------------------------|
| #f1f1f1 |
|------------------------|
| #ca4a1f |
|------------------------|
| #aaa |
|------------------------|
| #fff8e5 |
|------------------------|
| #ffb900 |
|------------------------|
| #f6a306 |
|------------------------|
| #fbeaea |
|------------------------|
| #dc3232 |
|------------------------|
| rgba(255,150,0,0.3) |
|------------------------|
| #666 |
|------------------------|
| #f7f7f7 |
|------------------------|
| #ccc |
|------------------------|
| #555 |
|------------------------|
| #fafafa |
|------------------------|
| #999 |
|------------------------|
| #5b9dd9 |
|------------------------|
| rgba(0,115,170,0.8) |
|------------------------|
| #72777c |
|------------------------|
| #ffebe8 |
|------------------------|
| #c00 |
|------------------------|
| #000 |
|------------------------|
| #007cba |
|------------------------|
| rgba(0,0,0,0.6) |
|------------------------|
| #ccd0d4 |
|------------------------|
| rgba(0,0,0,0.04) |
|------------------------|
| #444 |
|------------------------|
| #00a0d2 |
|------------------------|
| #124964 |
|------------------------|
| rgba(30,140,190,0.8) |
|------------------------|
| #eaeaea |
|------------------------|
| rgba(0,0,0,0.07) |
|------------------------|
| #0071a1 |
|------------------------|
| #f3f5f6 |
|------------------------|
| #016087 |
|------------------------|
| #ccf3fa |
|------------------------|
| #f9f9f9 |
|------------------------|
| #e8e8e8 |
|------------------------|
| #99d |
|------------------------|
| #e4f2fd |
|------------------------|
| #1e8cbe |
|------------------------|
| #d54e21 |
|------------------------|
| #a00 |
|------------------------|
| #f5f5f5 |
|------------------------|
| rgb(46,162,204) |
|------------------------|
| #e5e5e5 |
|------------------------|
| rgba(0,0,0,.04) |
|------------------------|
| #46b450 |
|------------------------|
| #ecf7ed |
|------------------------|
| #e5f5fa |
|------------------------|
| #f56e28 |
|------------------------|
| #79ba49 |
|------------------------|
| #ffba00 |
|------------------------|
| #66c6e4 |
|------------------------|
| #f6fbfd |
|------------------------|
| rgba(0,0,0,0.02) |
|------------------------|
| #222 |
|------------------------|
| rgba(30,30,30,0.9) |
|------------------------|
| rgba(0,0,0,0.4) |
|------------------------|
| rgba(255,255,255,0.1) |
|------------------------|
| #f3f3f3 |
|------------------------|
| #ffc733 |
|------------------------|
| rgba(0,0,0,0.3) |
|------------------------|
| #fcfcfc |
|------------------------|
| rgba(0,0,0,0) |
|------------------------|
| rgba(0,0,0,0.7) |
|------------------------|
| #33b3db |
|------------------------|
| #ffffff |
|------------------------|
| black |
|------------------------|
| #f3f3f5 |
|------------------------|
| rgba(0,0,0,0.15) |
|------------------------|
| rgba(0,0,0,0.25) |
|------------------------|
| #edeff0 |
|------------------------|
| #fbfbfc |
|------------------------|
| rgba(0,0,0,0.5) |
|------------------------|
| rgba(238,238,238,0.75) |
|------------------------|
| rgba(0,0,0,0.13) |
|------------------------|
| #d5d5d5 |
|------------------------|
| #929793 |
|------------------------|
| #727773 |
|------------------------|
| rgb(229,229,229) |
|------------------------|
| rgb(227,227,227) |
|------------------------|
| #606a73 |
|------------------------|
| #eeeeee |
|------------------------|
| #fef7f1 |
|------------------------|
| rgba(0,0,0,0.06) |
|------------------------|
| #ac1b1b |
|------------------------|
| #e29808 |
|------------------------|
| #edc048 |
|------------------------|
| #cd5a5a |
|------------------------|
| #f6e2ac |
|------------------------|
| #df3232 |
|------------------------|
| #5a5a5a |
|------------------------|
| #fdfdfd |
|------------------------|
| #c4c4c4 |
|------------------------|
| #e3e3e3 |
|------------------------|
| #40860a |
|------------------------|
| #7e8993 |
|------------------------|
| rgba(204,0,0,0.8) |
|------------------------|
| rgba(255,255,255,0.5) |
|------------------------|
| rgba(222,222,222,0.75) |
|------------------------|
| rgba(51,51,51,0.5) |
|------------------------|
| #f1adad |
|------------------------|
| #e35b5b |
|------------------------|
| #fbc5a9 |
|------------------------|
| #f78b53 |
|------------------------|
| #ffe399 |
|------------------------|
| #c1e1b9 |
|------------------------|
| #83c373 |
|------------------------|
| #888 |
|------------------------|
| #f7fcfe |
|------------------------|
| #d64d21 |
|------------------------|
| #6c7781 |
|------------------------|
| #aa0000 |
|------------------------|
| #9fd0d5 |
|------------------------|
| #298cba |
|------------------------|
| #ffffe0 |
|------------------------|
| blue |
|------------------------|
| #006505 |
|------------------------|
| #d98500 |
|------------------------|
| rgba(0,0,0,0.03) |
|------------------------|
| #727272 |
|------------------------|
| #e1e1e1 |
|------------------------|
| rgba(160,165,170,0.15) |
|------------------------|
| #c62d2d |
|------------------------|
| #31843f |
|------------------------|
| #ff8573 |
|------------------------|
| #faafaa |
|------------------------|
| #fecac2 |
|------------------------|
| #bb2a2a |
|------------------------|
| rgb(241,241,241) |
|------------------------|
| rgb(95,95,95) |
|------------------------|
| #fbfbfb |
|------------------------|
| #83b4d8 |
|------------------------|
| #dd3d36 |
|------------------------|
| #0074a2 |
|------------------------|
| #f6c9cc |
|------------------------|
| #f1acb1 |
|------------------------|
| #f66 |
|------------------------|
| #ffe9e9 |
|------------------------|
| #faa |
|------------------------|
| #e9ffe9 |
|------------------------|
| #afa |
|------------------------|
| #cccccc |
|------------------------|
| #e2e4e7 |
|------------------------|
| #adc5d2 |
|------------------------|
| #f8f9f9 |
|------------------------|
| #bfe7f3 |
|------------------------|
| #826eb4 |
|------------------------|
| rgba(255,255,255,0.65) |
|------------------------|
| rgba(244,244,244,0.7) |
|------------------------|
| rgba(0,0,0,0.05) |
|------------------------|
| rgba(49,49,49,0.7) |
|------------------------|
| #d5d2ca |
|------------------------|
| rgba(153,153,153,0.1) |
|------------------------|
| rgb(153,153,153) |
|------------------------|
| rgba(238,238,238,0.9) |
|------------------------|
| #656a6f |
|------------------------|
| rgba(0,115,170,.8) |
------------------------
Top 10 most-used colors:
-----------------
| name │ count |
|---------|-------|
| #fff │ 150 |
|---------|-------|
| #ddd │ 127 |
|---------|-------|
| #eee │ 67 |
|---------|-------|
| #72777c │ 49 |
|---------|-------|
| #0073aa │ 45 |
|---------|-------|
| gray │ 38 |
|---------|-------|
| #ccc │ 34 |
|---------|-------|
| #5b9dd9 │ 33 |
|---------|-------|
| #555d66 │ 32 |
|---------|-------|
| #32373c │ 31 |
-----------------
Top 10 least-used colors:
--------------------------------
| name │ count |
|------------------------|-------|
| rgba(0,115,170,.8) │ 1 |
|------------------------|-------|
| rgba(238,238,238,0.9) │ 1 |
|------------------------|-------|
| rgb(153,153,153) │ 1 |
|------------------------|-------|
| rgba(153,153,153,0.1) │ 1 |
|------------------------|-------|
| #d5d2ca │ 1 |
|------------------------|-------|
| rgba(49,49,49,0.7) │ 1 |
|------------------------|-------|
| rgba(0,0,0,0.05) │ 1 |
|------------------------|-------|
| rgba(244,244,244,0.7) │ 1 |
|------------------------|-------|
| rgba(255,255,255,0.65) │ 1 |
|------------------------|-------|
| #826eb4 │ 1 |
--------------------------------
Number of times `!important` is used:
110
Top properties that use !important:
-------------------------
| name │ count |
|-----------------|-------|
| display │ 18 |
|-----------------|-------|
| min-width │ 14 |
|-----------------|-------|
| text-decoration │ 11 |
|-----------------|-------|
| margin │ 6 |
|-----------------|-------|
| width │ 5 |
|-----------------|-------|
| font-size │ 5 |
|-----------------|-------|
| font │ 4 |
|-----------------|-------|
| padding │ 4 |
|-----------------|-------|
| word-wrap │ 3 |
|-----------------|-------|
| border │ 3 |
-------------------------
Number of times `display: none` is used:
229
Total number of selectors:
6435
Number of selectors with IDs:
1977
Top 10 selectors with the highest specificity:
----------------------------------------------------------------------------------------------------------------------------
| file │ selector │ a │ b │ c │ sum |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/edit.css │ #side-sortables #postcustom #postcustomstuff #the-list textarea │ 4 │ 0 │ 1 │ 401 |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/dashboard.css │ #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish │ 3 │ 2 │ 1 │ 321 |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/dashboard.css │ #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container │ 3 │ 2 │ 0 │ 320 |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/edit.css │ .post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 │ 3 │ 2 │ 0 │ 320 |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/edit.css │ .post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty │ 3 │ 2 │ 0 │ 320 |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/edit.css │ .post-type-attachment #poststuff #post-body.columns-2 #side-sortables │ 3 │ 2 │ 0 │ 320 |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/edit.css │ #side-sortables #postcustom #postcustomstuff td.left input │ 3 │ 1 │ 2 │ 312 |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/edit.css │ #side-sortables #postcustom #postcustomstuff td.left select │ 3 │ 1 │ 2 │ 312 |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/dashboard.css │ #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2 │ 3 │ 1 │ 0 │ 310 |
|------------------------|---------------------------------------------------------------------------------|---|---|---|-----|
| wp-admin/dashboard.css │ #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3 │ 3 │ 1 │ 0 │ 310 |
----------------------------------------------------------------------------------------------------------------------------
Top 10 selectors by length:
----------------------------------------------------------------------------------------------------------------------------------------
| file │ selector │ a │ b │ c │ sum |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/edit.css │ .policy-text div>*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(… │ 0 │ 5 │ 15 │ 65 |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/edit.css │ .policy-text>*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.pri… │ 0 │ 5 │ 14 │ 64 |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/customize-controls.css │ #customize-controls #customize-notifications-area .notice.notification-overlay.n… │ 2 │ 4 │ 0 │ 240 |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/edit.css │ .hide-privacy-policy-tutorial>*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):… │ 0 │ 3 │ 7 │ 37 |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/customize-controls.css │ #customize-controls #customize-notifications-area .notice.notification-overlay.n… │ 2 │ 4 │ 0 │ 240 |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/edit.css │ .policy-text div>*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(… │ 0 │ 3 │ 8 │ 38 |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/customize-controls.css │ #customize-controls #customize-notifications-area .notice.notification-overlay.n… │ 2 │ 4 │ 0 │ 240 |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/customize-controls.css │ .customize-section-description-container+#customize-control-custom_css:last-chil… │ 1 │ 3 │ 0 │ 130 |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/edit.css │ .policy-text>*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.pri… │ 0 │ 3 │ 7 │ 37 |
|---------------------------------|-----------------------------------------------------------------------------------|---|---|----|-----|
| wp-admin/customize-controls.css │ #customize-controls .customize-section-title>.customize-control-notifications-co… │ 1 │ 3 │ 0 │ 130 |
----------------------------------------------------------------------------------------------------------------------------------------
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.