Skip to content

Commit 0864e77

Browse files
holly-cumminsholly-cummins
committed
Revert "css changes to fix usability in darkmode"
This reverts commit 41e8822.
1 parent 4b22bac commit 0864e77

35 files changed

+66
-812
lines changed

‎_includes/about.html

+4-16
Original file line numberDiff line numberDiff line change
@@ -9,34 +9,22 @@ <h2>Open Source Utterly and Absolutely</h2>
99
<h2>What Makes Quarkus Different?</h2>
1010
</div>
1111
<div class="width-3-12 width-12-12-m">
12-
<picture>
13-
<source srcset="{{site.baseurl}}/assets/images/about/icon-developerjoy-dark.svg" media="(prefers-color-scheme:dark)">
14-
<img src="{{site.baseurl}}/assets/images/about/icon-developerjoy.svg">
15-
</picture>
12+
<img src="{{site.baseurl}}/assets/images/about/icon-developerjoy.svg">
1613
<h3>Developer Joy</h3>
1714
<p>Developers are critical to the success of almost every organization and they need the tools to build cloud-native applications quickly and efficiently. Quarkus provides a frictionless development experience through a combination of tools, libraries, extensions, and more. Quarkus makes developers more efficient with tools to improve the inner loop development cycle while in dev mode. <br><a href="/developer-joy/">Learn more about Developer Joy</a></p>
1815
</div>
1916
<div class="width-3-12 width-12-12-m">
20-
<picture>
21-
<source srcset="{{site.baseurl}}/assets/images/about/icon-kube-native-dark.svg" media="(prefers-color-scheme:dark)">
22-
<img src="{{site.baseurl}}/assets/images/about/icon-kube-native.svg">
23-
</picture>
17+
<img src="{{site.baseurl}}/assets/images/about/icon-kube-native.svg">
2418
<h3>Kubernetes-native</h3>
2519
<p>Quarkus was built from the ground up for Kubernetes making it easy to deploy applications without having to understand all of the complexities of the platform. Quarkus allows developers to automatically generate Kubernetes resources including building and deploying container images without having to manually create YAML files. <br><a href="/kubernetes-native/">Learn more about Kubernetes-native</a></p>
2620
</div>
2721
<div class="width-3-12 width-12-12-m">
28-
<picture>
29-
<source srcset="{{site.baseurl}}/assets/images/about/icon-standards-dark.svg" media="(prefers-color-scheme:dark)">
30-
<img src="{{site.baseurl}}/assets/images/about/icon-standards.svg">
31-
</picture>
22+
<img src="{{site.baseurl}}/assets/images/about/icon-standards.svg">
3223
<h3>Best of Breed Libraries and Standards</h3>
3324
<p>Quarkus provides a cohesive, fun to use, full-stack framework by leveraging a growing list of hundreds of best-of-breed libraries that you love and use. All wired on a standard backbone. <br><a href="/standards/">Learn more about Standards</a></p>
3425
</div>
3526
<div class="width-3-12 width-12-12-m">
36-
<picture>
37-
<source srcset="{{site.baseurl}}/assets/images/about/icon-reactive-dark.svg" media="(prefers-color-scheme:dark)">
38-
<img src="{{site.baseurl}}/assets/images/about/icon-reactive.svg">
39-
</picture>
27+
<img src="{{site.baseurl}}/assets/images/about/icon-reactive.svg">
4028
<h3>Imperative and reactive code</h3>
4129
<p>Quarkus is designed to seamlessly combine the familiar imperative style code and the non-blocking, reactive style when developing applications.</p>
4230
<p>This is helpful for both Java developers who are used to working with the imperative model and don’t want to switch things up, and those working with a cloud-native/reactive approach. The Quarkus development model can adapt itself to whatever app you’re developing. <br><a href="/continuum/">Learn more about Reactive</a></p>

‎_includes/container-first.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,7 @@
33
<div class="full-width-bg component">
44
<div class="grid-wrapper">
55
<div class="width-3-12 width-12-12-m">
6-
<picture>
7-
<source srcset="{{site.baseurl}}/assets/images/about/icon-containerfirst-dark.svg" media="(prefers-color-scheme:dark)">
8-
<img src="{{site.baseurl}}/assets/images/about/icon-containerfirst.svg">
9-
</picture>
6+
<img src="{{site.baseurl}}/assets/images/about/icon-containerfirst.svg">
107
</div>
118
<div class="width-9-12 width-12-12-m">
129
<p class="intropara">From the outset, Quarkus has been designed around a container-first philosophy. What this means in concrete terms is that Quarkus applications are optimised for low memory usage and fast startup times in the following ways:</p>

‎_includes/continuum.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
11
<div class="full-width-bg component">
22
<div class="grid-wrapper">
33
<div class="width-3-12 width-12-12-m">
4-
<picture>
5-
<source srcset="{{site.baseurl}}/assets/images/about/icon-reactive-dark.svg" media="(prefers-color-scheme:dark)">
6-
<img src="{{site.baseurl}}/assets/images/about/icon-reactive.svg">
7-
</picture>
4+
<img src="{{site.baseurl}}/assets/images/about/icon-reactive.svg">
85
</div>
96
<div class="width-9-12 width-12-12-m">
107
<p class="intropara">For years, the client-server architecture has been the de-facto standard to build applications. But a significant shift happened. The <em>one model rules them all</em> age is over. A new range of applications and architectural styles have emerged and transformed how code is written and how applications are deployed and executed. HTTP microservices, reactive applications, event-driven architecture, and serverless are now central players in modern systems.</p>

‎_includes/developer-joy.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
11
<div class="full-width-bg component">
22
<div class="grid-wrapper">
33
<div class="width-3-12 width-12-12-m">
4-
<picture>
5-
<source srcset="{{site.baseurl}}/assets/images/about/icon-developerjoy-dark.svg" media="(prefers-color-scheme:dark)">
6-
<img src="{{site.baseurl}}/assets/images/about/icon-developerjoy.svg">
7-
</picture>
4+
<img src="{{site.baseurl}}/assets/images/about/icon-developerjoy.svg">
85
</div>
96
<div class="width-9-12 width-12-12-m">
107
<p class="intropara">Quarkus is not just about being great for writing Web Applications or Micro-Services. We’re focusing on more than the feature set: we make sure that every feature works well, simply, with little to no configuration, in the most intuitive way possible. It should be trivial to develop simple things, and easy to develop the more complex ones.</p>

‎_includes/get-started-guides-nextsteps.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="full-width-bg component-slim">
1+
<div class="full-width-bg white component-slim">
22
<div class="grid-wrapper click-cards">
33
<div class="width-12-12 width-12-12-m">
44
<h3 class="mt-0">{{ site.data.getstarted-nextsteps.headline }}</h3>

‎_includes/insights-band.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="full-width-bg component awards-band">
1+
<div class="full-width-bg white component awards-band">
22
<div class="grid-wrapper">
33
<div class="width-12-12">
44
<h3 class="mt-0">{{ site.data.insights-videos.sectiontitle }}</h3>

‎_includes/kubernetes-native.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
11
<div class="full-width-bg component">
22
<div class="grid-wrapper">
33
<div class="width-3-12 width-12-12-m">
4-
<picture>
5-
<source srcset="{{site.baseurl}}/assets/images/about/icon-kube-native-dark.svg" media="(prefers-color-scheme:dark)">
6-
<img src="{{site.baseurl}}/assets/images/about/icon-kube-native.svg">
7-
</picture>
4+
<img src="{{site.baseurl}}/assets/images/about/icon-kube-native.svg">
85
</div>
96
<div class="width-9-12 width-12-12-m">
107
<p class="intropara">The combination of Quarkus and Kubernetes provides an ideal environment for creating scalable, fast, and lightweight applications. Quarkus significantly increases developer productivity with tooling, pre-built integrations, application services, and more.

‎_includes/standards.html

+2-10
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
11
<div class="full-width-bg component">
22
<div class="grid-wrapper">
33
<div class="width-3-12 width-12-12-m">
4-
<picture>
5-
<source srcset="{{site.baseurl}}/assets/images/about/icon-standards-dark.svg" media="(prefers-color-scheme:dark)">
6-
<img src="{{site.baseurl}}/assets/images/about/icon-standards.svg">
7-
</picture>
4+
<img src="{{site.baseurl}}/assets/images/about/icon-standards.svg">
85
</div>
96
<div class="width-9-12 width-12-12-m">
107
<p class="intropara"> We don’t want you to spend hours learning new technologies. Instead, the Quarkus programming model builds on top of proven standards. Be it official standards such as Eclipse MicroProfile or leading frameworks in a specific domain such as Eclipse Vert.x.</p>
@@ -36,12 +33,7 @@ <h3>Quarkus implements the following Specifications:</h3>
3633

3734
<div class="grid-wrapper center">
3835
<div class="width-3-12 width-12-12-m">
39-
<a href="https://microprofile.io">
40-
<picture>
41-
<source srcset="{{site.baseurl}}/assets/images/about/microprofile-dark.svg" media="(prefers-color-scheme:dark)">
42-
<img src="{{site.baseurl}}/assets/images/about/microprofile.svg">
43-
</picture>
44-
</a>
36+
<a href="https://microprofile.io"><img src="{{site.baseurl}}/assets/images/about/microprofile.svg"></a>
4537
</div>
4638
<div class="width-9-12 width-12-12-m">
4739
<a href="https://github.com/eclipse/microprofile-config">MicroProfile Config 3.0</a>

‎_includes/support-help-band.html

+4-13
Original file line numberDiff line numberDiff line change
@@ -3,26 +3,17 @@
33
<h3>Getting Help from the Community</h3>
44
</div>
55
<div class="width-3-12 width-12-12-m help-block">
6-
<picture>
7-
<source srcset="{{site.baseurl}}/assets/images/support/icon-documentation-dark.svg" media="(prefers-color-scheme:dark)">
8-
<img src="{{site.baseurl}}/assets/images/support/icon-documentation.svg">
9-
</picture>
6+
<img src="{{site.baseurl}}/assets/images/support/icon-documentation.svg">
107
<h4>Documentation</h4>
11-
<p>We have a lot of documentation. Be sure to check our <a href="{{site.baseurl}}/get-started/">Getting started page</a>, and all our <a href="{{site.baseurl}}/guides/">guides</a>. Also check out our <a href="{{site.baseurl}}/faq/">FAQ section</a> and <a href="https://www.youtube.com/playlist?list=PLsM3ZE5tGAVbMz1LJqc8L5LpnfxPPKloO">Quarkus Tips Playlist</a>.</p>
8+
<p>We have a lot of documentation. Be sure to check our <a href="{{site.baseurl}}/get-started/">Getting started page</a>, and all our <a href="{{site.baseurl}}/guides/">guides</a>. Also check out our <a href="{{site.baseurl}}/faq/">FAQ section</a> and <a href="https://www.youtube.com/playlist?list=PLsM3ZE5tGAVbMz1LJqc8L5LpnfxPPKloO">Quarkus Tips Playlist</a></p>.
129
</div>
1310
<div class="width-3-12 width-12-12-m help-block">
14-
<picture>
15-
<source srcset="{{site.baseurl}}/assets/images/support/icon-stackoverflow-dark.svg" media="(prefers-color-scheme:dark)">
16-
<img src="{{site.baseurl}}/assets/images/support/icon-stackoverflow.svg">
17-
</picture>
11+
<img src="{{site.baseurl}}/assets/images/support/icon-stackoverflow.svg">
1812
<h4>Stack Overflow</h4>
1913
<p>Ask your questions on <a href="https://stackoverflow.com/questions/tagged/quarkus">Stack Overflow</a>. After the documentation, it’s probably the best place to look for answers. We actively monitor the <a href="https://stackoverflow.com/questions/tagged/quarkus">Quarkus tag</a>.</p>
2014
</div>
2115
<div class="width-3-12 width-12-12-m help-block">
22-
<picture>
23-
<source srcset="{{site.baseurl}}/assets/images/support/icon-discussion-dark.svg" media="(prefers-color-scheme:dark)">
24-
<img src="{{site.baseurl}}/assets/images/support/icon-discussion.svg">
25-
</picture>
16+
<img src="{{site.baseurl}}/assets/images/support/icon-discussion.svg">
2617
<h4>Discussions and Collaboration</h4>
2718
<p>Check out our <a href="https://github.com/quarkusio/quarkus/discussions">GitHub Discussions</a> collaboration area to interact with other Quarkus users and developers.</p>
2819
</div>

‎_layouts/post.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ <h1 class="post-title">{{ page.title }}</h1>
5353
data-mapping="og:title"
5454
data-reactions-enabled="1"
5555
data-emit-metadata="0"
56-
data-theme="preferred_color_scheme"
56+
data-theme="light"
5757
data-lang="en"
5858
crossorigin="anonymous"
5959
async>

‎_sass/colormode.scss

-47
This file was deleted.

‎_sass/includes/asciidoc-tabs.css

+7-5
Original file line numberDiff line numberDiff line change
@@ -5,23 +5,25 @@
55
.asciidoc-tabs-switch {
66
border-width: 1px 0 0 1px;
77
border-style: solid;
8-
border-color: var(--sec-background-color);
8+
border-color: $grey-1;
99
margin-bottom: -1px;
1010
display: inline-block;
1111
}
1212

1313
.asciidoc-tabs-switch--item {
1414
padding: .75rem 2.5rem;
15-
background-color: var(--main-background-color);
15+
background-color: $light-blue;
16+
color: $dark-blue-alt;
1617
display: inline-block;
1718
cursor: pointer;
18-
border-right: 1px solid var(--sec-background-color);
19+
border-right: 1px solid $grey-1;
1920
}
2021

2122
.asciidoc-tabs-switch--item.selected {
22-
background-color: var(--sec-background-color);
23+
background-color: $white;
24+
color: $dark-blue-alt;
2325
font-weight: 600;
24-
border-bottom: 1px solid var(--sec-background-color);
26+
border-bottom: 1px solid $white;
2527
}
2628

2729
.asciidoc-tabs-switch ~ .content pre.highlight {

‎_sass/includes/copycode.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@
44
font-family: FontAwesome;
55
padding: 0rem;
66
line-height: .5rem;
7-
color: var(--main-text-color) !important;
7+
color: $grey-4 !important;
88
background-color: transparent !important;
99
border: transparent !important;
1010
cursor: pointer;
1111
}
1212
.btn-copy:hover {
13-
color: var(---link-color-hover);
13+
color: $quarkus-blue !important;
1414
}
1515
.btn-copy[float-right] {
1616
float: right;

‎_sass/includes/whitecards.scss

+7-7
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.whitecard-outline {
2-
background-color: var(--sec-background-color);
3-
outline: 1px solid var(--card-outline);
2+
background-color: $white;
3+
outline: 1px solid $gray-1;
44
padding: 1rem;
55
position: relative;
66
height: calc(100% - 2rem);
@@ -24,7 +24,7 @@ grid-column: span 3;
2424
}
2525

2626
.whitecard {
27-
background-color: var(--sec-background-color);
27+
background-color: $white;
2828
padding: 1rem 1rem 1rem 0rem;
2929
position: relative;
3030
height: calc(100% - 2rem);
@@ -77,7 +77,7 @@ grid-column: span 3;
7777
}
7878

7979
.card {
80-
border: 1px solid var(--card-outline);
80+
border: 1px solid $gray-1;
8181
border-radius: 10px;
8282
padding: 1rem;
8383
position: relative;
@@ -132,13 +132,13 @@ grid-column: span 3;
132132
}
133133

134134
&:hover, &:focus {
135-
background-color: var(--card-background-color-hover);
136-
border:1px solid var(--card-background-color-hover);
135+
background-color: $light-blue;
136+
border:1px solid $light-blue;
137137
}
138138
}
139139

140140
.card-static {
141-
border: 1px solid var(--card-outline);
141+
border: 1px solid $gray-1;
142142
border-radius: 10px;
143143
padding: 1rem;
144144
position: relative;

‎_sass/layouts/blog.scss

+4-6
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ body.post {
1010
}
1111
h1, h2, h3, h4, h5, h6, p, blockquote,
1212
table tr th, table tr td, li, dt, .title, .paragraph, .footnote, b {
13+
color: $dark-blue-alt;
1314
}
14-
1515
small, strong, em, i {
1616
color: inherit;
1717
}
@@ -27,21 +27,19 @@ body.post {
2727
overflow: auto;
2828
}
2929
.post-date {
30+
color: $dark-blue-alt;
3031
text-align: left;
3132
font-size: 1rem;
3233
}
3334
.headshot {
3435
max-width: 4rem;
3536
margin-right: 1rem;
3637
}
37-
.line-through {
38-
text-decoration:line-through;
39-
}
38+
.line-through{ color: $dark-blue-alt; text-decoration:line-through}
4039

4140
.post-title {
4241
margin: 1.5rem 0;
4342
}
44-
4543
.tags {
4644
a {
4745
display: inline-block;
@@ -84,7 +82,7 @@ body.post {
8482
&:not(:last-child):after {
8583
content: "";
8684
display: block;
87-
border-bottom: 2px solid var(--card-outline);
85+
border-bottom: 2px solid $grey-0;
8886
height: 1rem;
8987
grid-column: 5 / span 4;
9088
@media screen and (min-width: $breakpoint-m) {

0 commit comments

Comments
 (0)