From 37677052c186a3a0f6e6e0a1c6f842d4e7eeadeb Mon Sep 17 00:00:00 2001
From: Zephyron <zephyron@citron-emu.org>
Date: Sat, 25 Jan 2025 13:50:48 +1000
Subject: feat: implement modern dark theme and loading screen redesign

- Redesign loading screen progress bar with gradient animation
- Update loading screen typography using Segoe UI
- Add comprehensive dark theme styling to main window
- Modernize menu, toolbar, and dock widget appearances
---
 src/citron/loading_screen.ui | 50 +++++++++++++++++++++++++-------------------
 1 file changed, 28 insertions(+), 22 deletions(-)

(limited to 'src/citron/loading_screen.ui')

diff --git a/src/citron/loading_screen.ui b/src/citron/loading_screen.ui
index 820b47536..cb0d3659e 100644
--- a/src/citron/loading_screen.ui
+++ b/src/citron/loading_screen.ui
@@ -70,16 +70,19 @@
         </property>
         <item alignment="Qt::AlignHCenter|Qt::AlignBottom">
          <widget class="QLabel" name="stage">
+          <property name="styleSheet">
+           <string notr="true">background-color: transparent;
+color: #E0E0E0;
+font-family: 'Segoe UI', Arial;
+font-size: 24px;
+font-weight: 500;</string>
+          </property>
           <property name="sizePolicy">
            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
             <horstretch>0</horstretch>
             <verstretch>0</verstretch>
            </sizepolicy>
           </property>
-          <property name="styleSheet">
-           <string notr="true">background-color: black; color: white;
-font: 75 20pt &quot;Arial&quot;;</string>
-          </property>
           <property name="text">
            <string>Loading Shaders 387 / 1628</string>
           </property>
@@ -87,28 +90,28 @@ font: 75 20pt &quot;Arial&quot;;</string>
         </item>
         <item alignment="Qt::AlignHCenter|Qt::AlignTop">
          <widget class="QProgressBar" name="progress_bar">
-          <property name="sizePolicy">
-           <sizepolicy hsizetype="Expanding" vsizetype="Preferred">
-            <horstretch>0</horstretch>
-            <verstretch>0</verstretch>
-           </sizepolicy>
-          </property>
           <property name="minimumSize">
            <size>
-            <width>500</width>
-            <height>40</height>
+            <width>600</width>
+            <height>8</height>
+           </size>
+          </property>
+          <property name="maximumSize">
+           <size>
+            <width>800</width>
+            <height>8</height>
            </size>
           </property>
           <property name="styleSheet">
            <string notr="true">QProgressBar {
-color: white;
-border: 2px solid white;
-outline-color: black;
-border-radius: 20px;
+    background-color: rgba(255, 255, 255, 0.1);
+    border: none;
+    border-radius: 4px;
 }
 QProgressBar::chunk {
-background-color: white;
-border-radius: 15px;
+    background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
+                              stop:0 #FFD700, stop:1 #FFA500);
+    border-radius: 4px;
 }</string>
           </property>
           <property name="value">
@@ -124,13 +127,16 @@ border-radius: 15px;
         </item>
         <item alignment="Qt::AlignHCenter|Qt::AlignTop">
          <widget class="QLabel" name="value">
+          <property name="styleSheet">
+           <string notr="true">background-color: transparent;
+color: #BBBBBB;
+font-family: 'Segoe UI', Arial;
+font-size: 16px;
+font-weight: 400;</string>
+          </property>
           <property name="toolTip">
            <string notr="true"/>
           </property>
-          <property name="styleSheet">
-           <string notr="true">background-color: black; color: white;
-font: 75 15pt &quot;Arial&quot;;</string>
-          </property>
           <property name="text">
            <string>Estimated Time 5m 4s</string>
           </property>
-- 
cgit v1.2.3