From 42b137f8f1fa3974e5c453e070f586333cbcfff4 Mon Sep 17 00:00:00 2001
From: rafaeljohn9 <rafaeljohb@gmail.com>
Date: Tue, 23 Sep 2025 23:37:27 +0300
Subject: [PATCH 1/2] refactor: remove the computer monitor background image
 since it feels outdated

---
 assets/sass/front-page.scss | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/assets/sass/front-page.scss b/assets/sass/front-page.scss
index 1f67a47994..63db33e69e 100644
--- a/assets/sass/front-page.scss
+++ b/assets/sass/front-page.scss
@@ -127,7 +127,6 @@ $monitor-height: 271px;
 }
 
 .monitor {
-  @include background-image-2x($baseurl + "images/monitor-default", $monitor-width, $monitor-height);
   width: $monitor-width - 40;
   height: $monitor-height - 45;
   padding-top: 45px;
@@ -181,22 +180,6 @@ $monitor-height: 271px;
       background-image: linear-gradient(#1a7e84, #165b60);
     }
   }
-
-  &.mac {
-    @include background-image-2x($baseurl + "images/monitor-mac", $monitor-width, $monitor-height);
-    width: $monitor-width - 40;
-    height: $monitor-height - 36;
-    padding-top: 36px;
-    padding-left: 40px;
-  }
-
-  &.windows {
-    @include background-image-2x($baseurl + "images/monitor-windows", $monitor-width, $monitor-height);
-  }
-
-  &.linux {
-    @include background-image-2x($baseurl + "images/monitor-linux", $monitor-width, $monitor-height);
-  }
 }
 
 @property --floor {

From 52da97cf7eba3028bd11cca62dbd0715bf0303a4 Mon Sep 17 00:00:00 2001
From: rafaeljohn9 <rafaeljohb@gmail.com>
Date: Tue, 23 Sep 2025 23:38:52 +0300
Subject: [PATCH 2/2] refactor: changed colors from various html tags inside
 the monitor tag to make them visible

---
 assets/sass/front-page.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/assets/sass/front-page.scss b/assets/sass/front-page.scss
index 63db33e69e..1c6bdf383e 100644
--- a/assets/sass/front-page.scss
+++ b/assets/sass/front-page.scss
@@ -136,7 +136,7 @@ $monitor-height: 271px;
 
   h4 {
     font-weight: normal;
-    color: var(--main-bg);
+    color: var(--orange);
     font-size: 16px;
   }
 
@@ -145,16 +145,18 @@ $monitor-height: 271px;
     margin-bottom: 6px;
     font-size: 28px;
     font-weight: bold;
+    color: #eee;
   }
 
   a {
-    color: #eee;
+    color: var(--font-color);
     font-size: 12px;
     text-decoration: underline;
   }
 
   span.release-date {
     font-size: 12px;
+    color: #eee;
   }
 
   a.button {