Skip to content

Minor styling refresh #442

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
swissspidy merged 1 commit into from
Jan 27, 2026
Merged

Minor styling refresh #442

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
{% include global-parameters.html %}
{% endif %}

<footer>Project maintained by <a href="https://www.alainschlesser.com/">Alain Schlesser</a>. Initial code and previous maintenance by <a href="https://github.com/andreascreten">Andreas Creten</a>, <a href="https://github.com/scribu">Cristi Burc&#259;</a> and <a href="https://danielbachhuber.com/">Daniel Bachhuber</a>. For more details, see <a href="https://make.wordpress.org/cli/handbook/governance/">Governance</a>.</footer>
<footer>Project maintained by <a href="https://www.alainschlesser.com/">Alain Schlesser</a> and <a href="https://www.pascalbirchler.com/">Pascal Birchler</a>. Initial code and previous maintenance by <a href="https://github.com/andreascreten">Andreas Creten</a>, <a href="https://github.com/scribu">Cristi Burc&#259;</a> and <a href="https://danielbachhuber.com/">Daniel Bachhuber</a>. For more details, see <a href="https://make.wordpress.org/cli/handbook/governance/">Governance</a>.</footer>

{% include analytics.html %}

Expand Down
2 changes: 1 addition & 1 deletion _includes/navigation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
<a href="https://github.com/wp-cli/wp-cli" class="btn-source rounded" target="_blank"><i class="icon-github-circled"></i></a>
</li>
<li>
<a href="https://twitter.com/wpcli" class="btn-twitter rounded" target="_blank"><i class="icon-twitter"></i></a>
<a href="https://x.com/wpcli" class="btn-twitter rounded" target="_blank"><i class="icon-twitter"></i></a>
</li>
</ul>
</nav>
149 changes: 125 additions & 24 deletions assets/css/stylesheet.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-spacing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
Copy link

@gemini-code-assist gemini-code-assist bot Jan 27, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

critical

There appears to be a typo in this minified line. The property box-spacing is not a valid CSS property. This was likely intended to be box-sizing. This typo will cause the style rule for input[type=search] to be invalid.

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


html { overflow-y: scroll; }

Expand All @@ -10,14 +10,11 @@ body {
body {
margin: 0;
padding: 0;

background: #f1f1f1;

font-family: 'Open Sans', "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font: 16px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
line-height: 1.6;
color: #292929;

-webkit-font-smoothing: antialiased;
}

Expand All @@ -31,15 +28,17 @@ body {

section {
display: block;
margin: 0 0 20px 0;
margin: 0 0 40px 0;
}

h1, h2, h3, h4, h5, h6 {
margin: 1em 0 0 0;
margin: 2em 0 0.5em 0;
color: #333;
font-weight: normal;
}

h1 { margin-top: 1em; }

h3, h4 {
font-weight: 600;
}
Expand Down Expand Up @@ -103,9 +102,12 @@ nav ul li:before {
}

blockquote {
color: #888;
padding-left: 10px;
border-left: 1px dotted #666;
color: #666;
padding: 10px 20px;
margin: 1.5em 0;
border-left: 4px solid #ddd;
background: rgba(0,0,0,0.03);
border-radius: 0 4px 4px 0;
}


Expand All @@ -124,7 +126,11 @@ table {

th, td {
vertical-align: top;
padding: 0.5em 1em;
padding: 12px 16px;
}

tr:hover td {
background-color: #f9f9f9;
}

th {
Expand Down Expand Up @@ -171,7 +177,15 @@ a {
transition-duration: 0.05s;
transition-property: border, background, color;
transition-timing-function: ease-in-out;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}

:focus-visible {
outline: 2px solid #0074A2;
outline-offset: 2px;
}

a:hover, a:active {
color: #2EA2CC;
}
Expand All @@ -185,7 +199,6 @@ a:focus {
code,
pre {
color: #f1f1f1;
text-shadow: 0 1px rgba(0,0,0,0.3);
font-family: Consolas, "Liberation Mono", Courier, monospace;
direction: ltr;
text-align: left;
Expand Down Expand Up @@ -313,7 +326,7 @@ footer {
clear: both;
display: block;
text-align: center;
font-size: 10px;
font-size: 14px;
margin: 20px 10px 40px 10px;
}

Expand Down Expand Up @@ -420,6 +433,8 @@ footer {

.main-nav .search:focus {
width: 180px;
outline: none;
box-shadow: 0 0 0 2px rgba(122, 208, 58, 0.5);
}
.main-nav .btn-search {
display: none;
Expand Down Expand Up @@ -563,22 +578,20 @@ body.configuration .global-parameters{

.btn {
display: inline-block;
background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3));
padding: 8px 18px;
background: #333;
padding: 10px 24px;
border-radius: 50px;
border: 2px solid rgba(0, 0, 0, 0.7);
border-bottom: 2px solid rgba(0, 0, 0, 0.7);
border-top: 2px solid rgba(0, 0, 0, 1);
color: rgba(255, 255, 255, 0.8);
font-family: Helvetica, Arial, sans-serif;
border: none;
color: #fff;
font-family: inherit;
font-weight: bold;
font-size: 13px;
font-size: 14px;
text-decoration: none;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
transition: background 0.2s ease;
}

.btn:hover {
background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8));
background: #444;
}

.btn .icon {
Expand Down Expand Up @@ -737,3 +750,91 @@ hr:after,
padding-right: 9px;
}
}

@media (prefers-color-scheme: dark) {
body {
background: #121212;
color: #e0e0e0;
}
h1, h2, h3, h4, h5, h6 {
color: #ffffff !important;
}
Comment on lines +759 to +761
Copy link

@gemini-code-assist gemini-code-assist bot Jan 27, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The use of !important here is problematic as it will override more specific heading color rules within the dark mode styles, such as the one for header h1. This can lead to unintended styling and makes the CSS harder to maintain. It's best to avoid !important to allow for standard CSS specificity rules to apply.

  h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
  }

a {
color: #4da6ff;
}
a:hover, a:active {
color: #80c1ff;
}
.global-parameters {
background: #1e1e1e;
color: #ccc;
}
.global-parameters code {
color: #4da6ff;
}
th, td, .horizontal th, .horizontal tr:nth-child(even) th, tr:nth-child(even) td {
background: #1e1e1e;
border-bottom: 1px solid #333;
}
code {
background: #2a2a2a;
color: #f1f1f1;
}
pre code {
border: 1px solid #333;
}
blockquote {
color: #ccc;
border-left-color: #444;
background: rgba(255,255,255,0.05);
}
.social-nav .rounded {
background: #333;
color: #ccc;
}
.social-nav .rounded:hover {
color: #7AD03A;
}
header {
background: #000;
}
header h1 {
color: #f5f5f5;
}
.header-link {
color: #888;
}
.header-link:hover {
color: #ffffff;
}
input, textarea, select, button {
background: #2a2a2a;
color: #fff;
border: 1px solid #444;
}
fieldset {
border-color: #444;
}
tr:hover td {
background-color: #252525 !important;
}
Comment on lines +818 to +820
Copy link

@gemini-code-assist gemini-code-assist bot Jan 27, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Using !important is generally discouraged as it makes CSS harder to debug and maintain. While it's used here to override a more specific selector, you can achieve the same result by increasing the specificity of the hover selector itself, for example by prepending body. This makes the styles more predictable and follows best practices.

  body tr:hover td {
    background-color: #252525;
  }

/* List separators and symbols */
ul li:before {
color: #aaa;
}
hr:after, .hentry:after {
background: #444;
}
.hentry + .hentry:before {
background: #121212;
color: #666;
}
/* Sponsor logos with transparent backgrounds */
a > img[src*="make.wordpress.org/cli/files"] {
background: #fff;
padding: 15px;
border-radius: 8px;
display: inline-block;
box-sizing: border-box;
}
}
6 changes: 3 additions & 3 deletions index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ Ongoing maintenance is made possible by:
</a>
</div>

The current stable release is [version 2.12.0](https://make.wordpress.org/cli/2025/05/07/wp-cli-v2-12-0-release-notes/). For announcements, follow [@wpcli on Twitter](https://twitter.com/wpcli) or [sign up for email updates](https://make.wordpress.org/cli/subscribe/). [Check out the roadmap](https://make.wordpress.org/cli/handbook/roadmap/) for an overview of what's planned for upcoming releases.
The current stable release is [version 2.12.0](https://make.wordpress.org/cli/2025/05/07/wp-cli-v2-12-0-release-notes/). For announcements, follow [@wpcli on X](https://x.com/wpcli) or [sign up for email updates](https://make.wordpress.org/cli/subscribe/). [Check out the roadmap](https://make.wordpress.org/cli/handbook/roadmap/) for an overview of what's planned for upcoming releases.

[![Testing](https://github.com/wp-cli/automated-tests/actions/workflows/testing.yml/badge.svg)](https://github.com/wp-cli/automated-tests/actions/workflows/testing.yml) [![Average time to resolve an issue](https://isitmaintained.com/badge/resolution/wp-cli/wp-cli.svg)](https://isitmaintained.com/project/wp-cli/wp-cli "Average time to resolve an issue") [![Percentage of issues still open](https://isitmaintained.com/badge/open/wp-cli/wp-cli.svg)](https://isitmaintained.com/project/wp-cli/wp-cli "Percentage of issues still open")

Expand Down Expand Up @@ -159,7 +159,7 @@ If you didn't find an answer in one of the venues above, you can:

GitHub issues are meant for tracking enhancements to and bugs of existing commands, not general support. Before submitting a bug report, please [review our best practices](https://make.wordpress.org/cli/handbook/bug-reports/) to help ensure your issue is addressed in a timely manner.

Please do not ask support questions on Twitter. Twitter isn't an acceptable venue for support because: 1) it's hard to hold conversations in under 280 characters, and 2) Twitter isn't a place where someone with your same question can search for an answer in a prior conversation.
Please do not ask support questions on X. X isn't an acceptable venue for support because: 1) it's hard to hold conversations in under 280 characters, and 2) X isn't a place where someone with your same question can search for an answer in a prior conversation.

Remember, libre != gratis; the open source license grants you the freedom to use and modify, but not commitments of other people's time. Please be respectful, and set your expectations accordingly.

Expand Down Expand Up @@ -209,7 +209,7 @@ Read through our [contributing guidelines in the handbook](https://make.wordpres

## Leadership

WP-CLI has one project maintainer: [schlessera](https://github.com/schlessera).
WP-CLI has two project maintainers: [schlessera](https://github.com/schlessera) and [swissspidy](https://github.com/swissspidy).

On occasion, we [grant write access to contributors](https://make.wordpress.org/cli/handbook/committers-credo/) who have demonstrated, over a period of time, that they are capable and invested in moving the project forward.

Expand Down