From 015c10d14f472581f9b6b029adaa463101696336 Mon Sep 17 00:00:00 2001
From: Aidan Y <jamesayipt6@gmail.com>
Date: Wed, 4 Sep 2024 20:10:05 -0700
Subject: [PATCH] Change cursor styles

None on apps
Add/copy on color
ew-resize on ranges
---
 .DS_Store  | Bin 10244 -> 10244 bytes
 script.js  |  10 ++++++++++
 styles.css |  15 +++++++--------
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index 2663a3b731ac895f89a2768cf289858a3cf669c8..3c4878ad2e93039d7d7f6293bddfc43f311c1ab2 100644
GIT binary patch
delta 33
fcmZn(XbISGT#VhwQb)nq+;H<bv7h`%95Y4$y!i@M

delta 33
fcmZn(XbISGT#Vh^Tt~s!#B}pHv7h`%95Y4$y?+W_

diff --git a/script.js b/script.js
index 78e2b4e..e1e4019 100644
--- a/script.js
+++ b/script.js
@@ -195,6 +195,16 @@ for (let i = 0; i < app_icon_no_sound.length; i++) {
   app_icon_no_sound[i].tabIndex = 0;
 }
 
+//cursor style normal
+for (let i = 0; i < app_icon_no_sound.length; i++) {
+  app_icon_no_sound[i].cursor = "default";
+}
+
+//color input
+color_input.onmouseover = () => {
+  color_input.style.cursor = "copy";
+};
+
 //no cursor on icons
 for (let i = 0; i < app_icon.length; i++) {
   app_icon[i].style.cursor = "none";
diff --git a/styles.css b/styles.css
index a8a8fbb..59e02ef 100644
--- a/styles.css
+++ b/styles.css
@@ -29,7 +29,7 @@ input[type="range"]:focus {
 
 input[type="range"]::-ms-track {
   width: 100%;
-  cursor: pointer;
+  cursor: ew-resize;
   background: transparent;
   border-color: transparent;
   color: transparent;
@@ -41,7 +41,7 @@ input[type="range"]::-webkit-slider-thumb {
   width: 20px;
   border-radius: 35px;
   background: #ffffff;
-  cursor: pointer;
+  cursor: ew-resize;
   margin-top: -7px; /* Specify a margin in Chrome, in Firefox and IE it is automatic */
   box-shadow: 0px 0px 3px #0000000e, 0px 0px 1px #0d0d0d;
 }
@@ -52,7 +52,7 @@ input[type="range"]::-moz-range-thumb {
   width: 20px;
   border-radius: 35px;
   background: #ffffff;
-  cursor: pointer;
+  cursor: ew-resize;
   margin-top: -7px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
   box-shadow: 0px 0px 1px #0000000e, 0px 0px 1px #0d0d0d;
 }
@@ -65,14 +65,13 @@ input[type="range"]::-ms-thumb {
   width: 20px;
   border-radius: 35px;
   background: #ffffff;
-  cursor: pointer;
+  cursor: ew-resize;
 }
 
 /*       Track      */
 input[type="range"]::-webkit-slider-runnable-track {
   width: 100%;
   height: 7px;
-  cursor: pointer;
   background: #1793ff;
   border-radius: 10px;
   border: 0.1px solid #7f7f7f7d;
@@ -230,7 +229,9 @@ body {
   transform: perspective(1000px);
 }
 
-img {
+.app_icon img,
+.app_icon_scroll img,
+.app_icon_no_sound img {
   width: 60%;
   overflow: hidden;
   pointer-events: none;
@@ -646,12 +647,10 @@ img {
 }
 
 .app_icon_no_sound:hover {
-  cursor: pointer;
   box-shadow: 0px 25px 35px #1f1f1f76;
 }
 
 #app_icon_range:hover {
-  cursor: pointer;
   box-shadow: 0px 25px 35px #1f1f1f76;
 }