Remove project divider in titlebar

styles/src/component/index.ts

@@ -0,0 +1,6 @@
+export * from "./icon_button"
+export * from "./indicator"
+export * from "./input"
+export * from "./tab"
+export * from "./tab_bar_button"
+export * from "./text_button"

styles/src/component/text_button.ts

@@ -74,31 +74,31 @@ export function text_button({
             hovered: disabled
                 ? {}
                 : {
-                      background: background(
-                          layer ?? theme.lowest,
-                          color,
-                          "hovered"
-                      ),
-                      color: foreground(
-                          layer ?? theme.lowest,
-                          color,
-                          "hovered"
-                      ),
-                  },
+                    background: background(
+                        layer ?? theme.lowest,
+                        color,
+                        "hovered"
+                    ),
+                    color: foreground(
+                        layer ?? theme.lowest,
+                        color,
+                        "hovered"
+                    ),
+                },
             clicked: disabled
                 ? {}
                 : {
-                      background: background(
-                          layer ?? theme.lowest,
-                          color,
-                          "pressed"
-                      ),
-                      color: foreground(
-                          layer ?? theme.lowest,
-                          color,
-                          "pressed"
-                      ),
-                  },
+                    background: background(
+                        layer ?? theme.lowest,
+                        color,
+                        "pressed"
+                    ),
+                    color: foreground(
+                        layer ?? theme.lowest,
+                        color,
+                        "pressed"
+                    ),
+                },
         },
     })
 }

styles/src/element/index.ts

@@ -1,4 +1,6 @@
 import { interactive, Interactive } from "./interactive"
 import { toggleable, Toggleable } from "./toggle"
 
+export * from "./padding"
+export * from "./margin"
 export { interactive, Interactive, toggleable, Toggleable }

styles/src/style_tree/titlebar.ts

@@ -1,8 +1,6 @@
-import { icon_button, toggleable_icon_button } from "../component/icon_button"
-import { toggleable_text_button } from "../component/text_button"
+import { icon_button, toggleable_icon_button, toggleable_text_button } from "../component"
 import { interactive, toggleable } from "../element"
-import { useTheme } from "../theme"
-import { with_opacity } from "../theme/color"
+import { useTheme, with_opacity } from "../theme"
 import { background, border, foreground, text } from "./components"
 
 const ITEM_SPACING = 8
@@ -185,12 +183,10 @@ export function titlebar(): any {
             height: 400,
         },
 
-        // Project
-        project_name_divider: text(theme.lowest, "sans", "variant"),
-
         project_menu_button: toggleable_text_button(theme, {
-            color: "base",
+            color: "base"
         }),
+
         git_menu_button: toggleable_text_button(theme, {
             color: "variant",
         }),

styles/src/theme/index.ts

@@ -23,3 +23,4 @@ export * from "./create_theme"
 export * from "./ramps"
 export * from "./syntax"
 export * from "./theme_config"
+export * from "./color"