Added an editor redesign according to the new branding

editor/CMakeLists.txt

@@ -84,8 +84,7 @@ add_subdirectory(
 
 if (APPLE)
     set(ATLAS_APP_ICON
-            "${CMAKE_SOURCE_DIR}/editor/assets/iconFile-iOS-Dark-1024x1024@1x.png"
-            CACHE FILEPATH "Atlas Engine macOS bundle icon"
+                CACHE FILEPATH "Atlas Engine macOS bundle icon"
     )
     get_filename_component(ATLAS_APP_ICON_NAME "${ATLAS_APP_ICON}" NAME)
     set_source_files_properties("${ATLAS_APP_ICON}" PROPERTIES
@@ -135,9 +134,14 @@ qt_add_resources(AtlasEditor "atlas_editor_assets"
         PREFIX "/editor"
         BASE "${CMAKE_SOURCE_DIR}/editor"
         FILES
-        "${CMAKE_SOURCE_DIR}/editor/assets/Icon-iOS-Default-1024x1024@1x.png"
-        "${CMAKE_SOURCE_DIR}/editor/assets/iconFile-iOS-Dark-1024x1024@1x.png"
-        "${CMAKE_SOURCE_DIR}/editor/assets/atlas_ball_bright.png"
+        "${CMAKE_SOURCE_DIR}/editor/assets/atlas-app-dev.png"
+        "${CMAKE_SOURCE_DIR}/editor/assets/atlas-star.png"
+        "${CMAKE_SOURCE_DIR}/editor/assets/check.svg"
+        "${CMAKE_SOURCE_DIR}/editor/assets/close.svg"
+        "${CMAKE_SOURCE_DIR}/editor/assets/link.svg"
+        "${CMAKE_SOURCE_DIR}/editor/assets/chevron-down.svg"
+        "${CMAKE_SOURCE_DIR}/editor/assets/chevron-up.svg"
+        "${CMAKE_SOURCE_DIR}/editor/assets/atlas-app.png"
         "${CMAKE_SOURCE_DIR}/editor/assets/Manrope-VariableFont_wght.ttf"
         "${CMAKE_SOURCE_DIR}/editor/assets/Phosphor.ttf"
         "${CMAKE_SOURCE_DIR}/editor/assets/PHOSPHOR_LICENSE.txt"

editor/assets/AtlasEngine.icon/icon.json

@@ -0,0 +1,50 @@
+{
+  "fill" : {
+    "linear-gradient" : [
+      "srgb:1.00000,0.95276,0.98370,1.00000",
+      "srgb:0.69138,0.67074,0.76447,1.00000"
+    ],
+    "orientation" : {
+      "start" : {
+        "x" : 0.5,
+        "y" : 0
+      },
+      "stop" : {
+        "x" : 0.5,
+        "y" : 0.7
+      }
+    }
+  },
+  "groups" : [
+    {
+      "layers" : [
+        {
+          "fill" : "none",
+          "image-name" : "atlasStarGradient.svg",
+          "name" : "atlasStarGradient",
+          "position" : {
+            "scale" : 1.34,
+            "translation-in-points" : [
+              0,
+              0
+            ]
+          }
+        }
+      ],
+      "shadow" : {
+        "kind" : "neutral",
+        "opacity" : 0.5
+      },
+      "translucency" : {
+        "enabled" : true,
+        "value" : 0.3
+      }
+    }
+  ],
+  "supported-platforms" : {
+    "circles" : [
+      "watchOS"
+    ],
+    "squares" : "shared"
+  }
+}

editor/assets/AtlasEngineDev.icon.json → editor/assets/AtlasEngineDev.icon/icon.json

@@ -6,8 +6,16 @@
     {
       "layers": [
         {
-          "image-name": "atlas_ball_bright.png",
-          "name": "atlas_ball_bright"
+          "fill": "system-light",
+          "image-name": "atlasStar.svg",
+          "name": "atlasStar",
+          "position": {
+            "scale": 1.34,
+            "translation-in-points": [
+              0,
+              0
+            ]
+          }
         }
       ],
       "shadow": {

editor/debug.cpp

@@ -8,6 +8,8 @@
 */
 
 #include <editor/debug.h>
+#include <editor/styling/workbench.h>
+#include <editor/styling/icons.h>
 #include <editor/widgets/scrubbableSpinBox.h>
 #include <QCheckBox>
 #include <QComboBox>
@@ -98,18 +100,18 @@ QWidget* DebugComponentsView::createBasicControlsSection() {
     layout->setContentsMargins(0, 0, 0, 0);
     layout->setSpacing(8);
 
-    auto* normalButton = new QPushButton("Normal", container);
-    auto* defaultButton = new QPushButton("Default", container);
+    auto* normalButton = new styling::Button("Normal", container);
+    auto* defaultButton = new styling::Button("Default", container);
     defaultButton->setDefault(true);
 
-    auto* disabledButton = new QPushButton("Disabled", container);
+    auto* disabledButton = new styling::Button("Disabled", container);
     disabledButton->setEnabled(false);
 
-    auto* checkableButton = new QPushButton("Checkable", container);
+    auto* checkableButton = new styling::Button("Checkable", container);
     checkableButton->setCheckable(true);
     checkableButton->setChecked(true);
 
-    auto* toolButton = new QToolButton(container);
+    auto* toolButton = new styling::ToolButton(container);
     toolButton->setText("Tool");
 
     layout->addWidget(normalButton);
@@ -354,13 +356,13 @@ QWidget* DebugComponentsView::createCollapsibleSection() {
     layout->setContentsMargins(0, 0, 0, 0);
     layout->setSpacing(4);
 
-    auto* header = new QToolButton(section);
+    auto* header = new styling::ToolButton(section);
     header->setObjectName("collapsibleHeader");
     header->setText("Transform");
     header->setCheckable(true);
     header->setChecked(true);
     header->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
-    header->setArrowType(Qt::DownArrow);
+    header->setIcon(styling::icon(styling::Icon::CaretDown));
 
     auto* body = new QWidget(section);
     body->setObjectName("collapsibleBody");
@@ -390,7 +392,7 @@ QWidget* DebugComponentsView::createCollapsibleSection() {
     form->addRow("Visibility", visible);
 
     QObject::connect(header, &QToolButton::toggled, section, [header, body, section](bool checked) {
-        header->setArrowType(checked ? Qt::DownArrow : Qt::RightArrow);
+        header->setIcon(styling::icon(checked ? styling::Icon::CaretDown : styling::Icon::CaretRight));
         body->setVisible(checked);
         body->updateGeometry();
         section->updateGeometry();

editor/main.cpp

@@ -25,6 +25,7 @@
 #include "editor/debug.h"
 #include "editor/application/toolchainInstaller.h"
 #include "editor/styling/icons.h"
+#include "editor/styling/workbench.h"
 #include "editor/views/editorWindow.h"
 #include "editor/views/projectBrowser.h"
 #include "editor/views/splashScreen.h"
@@ -51,10 +52,10 @@ int main(int argc, char **argv) {
 #ifndef Q_OS_MACOS
 #ifdef ATLAS_DEBUG_BUILD
     app.setWindowIcon(
-        QIcon(":/editor/assets/Icon-iOS-Default-1024x1024@1x.png"));
+        QIcon(":/editor/assets/atlas-app-dev.png"));
 #else
     app.setWindowIcon(
-        QIcon(":/editor/assets/iconFile-iOS-Dark-1024x1024@1x.png"));
+        QIcon(":/editor/assets/atlas-app.png"));
 #endif
 #endif
 
@@ -64,6 +65,7 @@ int main(int argc, char **argv) {
 
     app.setStyle("Fusion");
     styling::applyTheme(app);
+    styling::installWorkbench(app);
     ToolchainInstaller::ensureInstalled();
 
     auto *startupSplash = new SplashScreen();