Add Styleized Scrollbar Globally

connectMC

@@ -0,0 +1,56 @@
+# Function to start holesail
+start_holesail() {
+    holesail --host 0.0.0.0 --port "$port" "$connection_hash"
+}
+
+# Function to start holesail in pm2
+start_holesail_pm2() {
+   pm2 start holesail --name holesail-mc-port-"$port" -- -p "$port" --host 0.0.0.0 "$connection_hash"
+}
+
+# 1) Ensure NodeJS is installed
+if ! command -v node &> /dev/null; then
+    echo "NodeJS is not installed. Installing..."
+    curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\
+    sudo apt-get install -y nodejs
+fi
+
+# 2) Check if npm packages are installed
+packages=("holesail")
+install_needed=false
+
+for package in "${packages[@]}"; do
+    if ! npm list -g "$package" &> /dev/null; then
+        install_needed=true
+        break
+    fi
+done
+
+# 3) Install required npm packages if needed
+if [ "$install_needed" = true ]; then
+    echo "Installing npm packages..."
+    npm install -g holesail@2.0.3
+else
+    echo "npm packages are already installed. Skipping..."
+fi
+
+# Check command line options
+if [[ "$1" == "--pm2" ]]; then
+    # Ask user for connection hash
+    read -p "Please provide a connection hash: " connection_hash
+    read -p "Please provide a port: " port
+
+    # Run holesail in pm2
+    start_holesail_pm2
+
+else
+    # Ask user for connection hash and port
+    read -p "Please provide a connection hash: " connection_hash
+    read -p "Please provide a connection port: " port
+
+    # Run holesail
+    start_holesail
+fi
+
+# Notify user of the selected port
+echo "Holesail is running on port: $port"

css/style.css

@@ -26,6 +26,31 @@ body {
     scroll-behavior: smooth;
 }
 
+/* Custom Scrollbar Styles */
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: -webkit-linear-gradient(135deg, #0b0f2b, #1a2249); /* Match body gradient */
+    background: linear-gradient(135deg, #0b0f2b, #1a2249);
+    border: none; /* Ensure no border */
+}
+
+::-webkit-scrollbar-thumb {
+    background: -webkit-linear-gradient(45deg, #14b8a6, #3b82f6);
+    background: linear-gradient(45deg, #14b8a6, #3b82f6);
+    border-radius: 4px;
+    border: 1px solid rgba(10, 17, 40, 0.8);
+    transition: background 0.3s ease;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: -webkit-linear-gradient(45deg, #2dd4bf, #60a5fa);
+    background: linear-gradient(45deg, #2dd4bf, #60a5fa);
+    box-shadow: 0 0 10px rgba(20, 184, 166, 0.5);
+}
+
 .minecraft-font {
     font-family: 'Minecraft', sans-serif;
     letter-spacing: 0.8px;

css/style.min.css

@@ -768,6 +768,26 @@ body {
   min-height: 100vh;
   scroll-behavior: smooth;
 }
+::-webkit-scrollbar {
+  width: 8px;
+}
+::-webkit-scrollbar-track {
+  background: -webkit-linear-gradient(135deg, #0b0f2b, #1a2249);
+  background: linear-gradient(135deg, #0b0f2b, #1a2249);
+  border: none;
+}
+::-webkit-scrollbar-thumb {
+  background: -webkit-linear-gradient(45deg, #14b8a6, #3b82f6);
+  background: linear-gradient(45deg, #14b8a6, #3b82f6);
+  border-radius: 4px;
+  border: 1px solid rgba(10, 17, 40, 0.8);
+  transition: background 0.3s ease;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: -webkit-linear-gradient(45deg, #2dd4bf, #60a5fa);
+  background: linear-gradient(45deg, #2dd4bf, #60a5fa);
+  box-shadow: 0 0 10px rgba(20, 184, 166, 0.5);
+}
 .minecraft-font {
   font-family: 'Minecraft', sans-serif;
   letter-spacing: 0.8px;