feat: add theme, complete footer

ui/main.slint

@@ -3,6 +3,7 @@ import { BrowserItem } from "./browser_item.slint";
 import { Header } from "./header.slint";
 import { Footer } from "./footer.slint";
 import { BrowserConfig } from "./types.slint";
+import { Theme } from "theme.slint";
 
 export component MainWindow inherits Window {
     in property <[BrowserConfig]> browser-model: [];
@@ -15,7 +16,6 @@ export component MainWindow inherits Window {
     callback toggle-remember(bool);
     callback toggle-always-ask(bool);
     callback settings-clicked();
-    callback feedback-clicked();
     callback open-clicked();
     callback request-drag();
 
@@ -30,20 +30,19 @@ export component MainWindow inherits Window {
         width: 488px;
         height: 800px;
 
-        padding: 20px;
+        padding: Theme.spacing-xl;
 
         Rectangle {
             max-width: 448px;
             width: 100%;
             height: 760px;
-            border-radius: 16px;
+            border-radius: Theme.radius-lg;
             clip: true;
-            background: #0f172a;
+            background: Theme.surface-main;
             border-width: 1px;
-            border-color: #334155;
+            border-color: Theme.border-main;
 
             VerticalLayout {
-                padding: 12px;
 
                 Header {
                     url: current-url;
@@ -83,9 +82,8 @@ export component MainWindow inherits Window {
                 }
 
                 Footer {
-                    settings-clicked => settings-clicked();
-                    feedback-clicked => feedback-clicked();
-                    open-clicked => open-clicked();
+                    settings-clicked => root.settings-clicked();
+                    open-clicked => root.open-clicked();
                 }
             }
         }