diff --git a/_sass/minimal-mistakes.scss b/_sass/minimal-mistakes.scss
index 3b252e5620..30fd37fa10 100644
--- a/_sass/minimal-mistakes.scss
+++ b/_sass/minimal-mistakes.scss
@@ -38,3 +38,7 @@
 @import "minimal-mistakes/archive";
 @import "minimal-mistakes/sidebar";
 @import "minimal-mistakes/print";
+
+/* hacks-guide change start: add version selector */
+@import "minimal-mistakes/vendor/hacks-guide/selector";
+/* hacks-guide change end */
diff --git a/_sass/minimal-mistakes/vendor/hacks-guide/selector.scss b/_sass/minimal-mistakes/vendor/hacks-guide/selector.scss
new file mode 100644
index 0000000000..9d64fb0bb2
--- /dev/null
+++ b/_sass/minimal-mistakes/vendor/hacks-guide/selector.scss
@@ -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;
+}
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 1c688c0ac6..80ba817c03 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -6,44 +6,3 @@
 
 @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
 @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;
-}