diff --git a/_includes/support-help-band.html b/_includes/support-help-band.html index 7d9537d9b87..7ab172283d5 100644 --- a/_includes/support-help-band.html +++ b/_includes/support-help-band.html @@ -3,20 +3,20 @@

Getting Help from the Community

- - + +

Documentation

We have a lot of documentation. Be sure to check our Getting started page, and all our guides. Also check out our FAQ section and Quarkus Tips Playlist.

- - + +

Stack Overflow

Ask your questions on Stack Overflow. After the documentation, it’s probably the best place to look for answers. We actively monitor the Quarkus tag.

- - + +

Discussions and Collaboration

Check out our GitHub Discussions collaboration area to interact with other Quarkus users and developers.

diff --git a/_sass/colormode.scss b/_sass/colormode.scss index 8af80058d39..3eb6b66a8e6 100644 --- a/_sass/colormode.scss +++ b/_sass/colormode.scss @@ -34,6 +34,9 @@ html.dark { --title-background-color: #0e0e0e; --breadcrumb-background-color: #0d1c2c; + --table-head-background-color: #333333; + --table-row-stripe: #e4edf7; + --card-outline: #555555; --card-background-color: #0f0f0f; --card-background-color-hover: #333333; @@ -53,7 +56,6 @@ html.dark { // Table overrides // table.tableblock tbody tr:nth-child(even) { background-color: transparent !important; } - table.tableblock thead th { background-color: #333333 !important; } // project footer // .project-footer { diff --git a/_sass/core/global.scss b/_sass/core/global.scss index fa9b0971403..6b834dd2edc 100755 --- a/_sass/core/global.scss +++ b/_sass/core/global.scss @@ -235,7 +235,7 @@ table.tableblock { } tbody tr { &:nth-child(even) { - background-color: $gray-0; + background-color: var(--table-row-stripe); } td p { margin: 0; diff --git a/_sass/quarkus.scss b/_sass/quarkus.scss index 16f4f64e00f..21427c06e32 100644 --- a/_sass/quarkus.scss +++ b/_sass/quarkus.scss @@ -262,7 +262,7 @@ input { // table styles table.tableblock { - border-collapse: collapse; + border-collapse: collapse !important; max-width: 100%; overflow-x: auto; background-color: var(--main-background-color); @@ -276,7 +276,7 @@ table.tableblock { text-align: left; padding: 1rem; background-color: var(--table-head-background-color); - border: 1px solid var(--table-head-background-color); + border: 1px solid var(--sec-border-color); > p, > div, > div > span { @@ -366,16 +366,23 @@ table.configuration-reference-all-rows.tableblock > tbody { table.configuration-reference.tableblock > tbody { > tr > th { - color: $dark-blue; + background-color: var(--table-head-background-color); + border: 1px solid var(--sec-border-color); + + a { color: $white;} } > tr { - background: transparent; + + &:nth-child(even) { + background-color: var(--table-row-stripe); + } + > th:nth-child(1) { width: 70%; } - > th:nth-child(2) { width: 15%; p { color: $quarkus-blue; } } - > th:nth-child(3) { width: 15%; p { color: $quarkus-blue; } } + > th:nth-child(2) { width: 15%; p { color: $white; } } + > th:nth-child(3) { width: 15%; p { color: $white; } } > td { - border: none; + border: 1px solid var(--sec-border-color); } > td:nth-child(2) p, @@ -396,12 +403,9 @@ table.configuration-reference.tableblock > tbody { > th:nth-child(3) { width: 0%; } } } - - > tr.odd > td { - background-color: $light-blue !important; - } } + /* this page has a white background so we put a lighter color */ body.guides-configuration-reference table.configuration-reference.tableblock tbody tr.odd td { background-color: #eff5fb !important; diff --git a/assets/javascript/colormode.js b/assets/javascript/colormode.js index 971de2df8f1..10e4970cb03 100644 --- a/assets/javascript/colormode.js +++ b/assets/javascript/colormode.js @@ -22,9 +22,9 @@ function updateButton() { const button = document.getElementById('theme-toggle'); const storedTheme = localStorage.getItem('color-theme') || 'system'; const themeTitles = { - 'dark': 'Color scheme: dark; next: light', - 'light': 'Color scheme: light; next: system preferences', - 'system': 'Color scheme: system preferences; next: dark' + 'dark': 'Color scheme: dark; next: system preferences', + 'light': 'Color scheme: light; next: dark', + 'system': 'Color scheme: system preferences; next: light' }; button.setAttribute('aria-label', storedTheme); button.setAttribute('title', themeTitles[storedTheme]);