get-started: adapt version selector CSS definitions to dark skin

This commit is contained in:
lifehackerhansol 2023-10-04 15:37:15 -07:00
parent 0f39fa3d3c
commit a27fd0d2dc
No known key found for this signature in database
GPG key ID: 80FB184AFC0B3B0E
3 changed files with 44 additions and 41 deletions

View file

@ -38,3 +38,7 @@
@import "minimal-mistakes/archive"; @import "minimal-mistakes/archive";
@import "minimal-mistakes/sidebar"; @import "minimal-mistakes/sidebar";
@import "minimal-mistakes/print"; @import "minimal-mistakes/print";
/* hacks-guide change start: add version selector */
@import "minimal-mistakes/vendor/hacks-guide/selector";
/* hacks-guide change end */

View file

@ -0,0 +1,40 @@
select {
background-color: $background-color;
color: $text-color;
font-weight: bold;
cursor: pointer;
border: 3px solid #585d66;
}
input {
color: $text-color;
font-weight: bold;
cursor: pointer;
border: 1px solid #585d66;
}
input:hover {
background-color: #767a80;
}
.selectversion {
background-color: $background-color;
text-align: center;
border: 1px solid #585d66;
border-radius: 10px;
}
img.tableimage {
height: 40%;
width: 40%;
}
table.modeltable {
text-align: center;
}
input[type="radio"] {
width: 50px;
height: 25px;
transition: none;
}

View file

@ -6,44 +6,3 @@
@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
@import "minimal-mistakes"; // main partials @import "minimal-mistakes"; // main partials
select {
background-color: #2e3440;
color: #d8dee9;
font-weight: bold;
cursor: pointer;
border: 3px solid #585d66;
}
input {
color: #d8dee9;
font-weight: bold;
cursor: pointer;
border: 1px solid #585d66;
}
input:hover {
background-color: #767a80;
}
.selectversion {
background-color: #2e3440;
text-align: center;
border: 1px solid #585d66;
border-radius: 10px;
}
img.tableimage {
height: 40%;
width: 40%;
}
table.modeltable {
text-align: center;
}
input[type="radio"] {
width: 50px;
height: 25px;
transition: none;
}