Redesign for the v1 stable release (#3)

Only half done. Will continue in another PR.

Reviewed-on: #3

crates/theme/src/lib.rs

@@ -4,12 +4,14 @@ use std::rc::Rc;
 use gpui::{px, App, Global, Pixels, SharedString, Window};
 
 mod colors;
+mod platform_kind;
 mod registry;
 mod scale;
 mod scrollbar_mode;
 mod theme;
 
 pub use colors::*;
+pub use platform_kind::PlatformKind;
 pub use registry::*;
 pub use scale::*;
 pub use scrollbar_mode::*;
@@ -21,6 +23,21 @@ pub const CLIENT_SIDE_DECORATION_ROUNDING: Pixels = px(10.0);
 /// Defines window shadow size for platforms that use client side decorations.
 pub const CLIENT_SIDE_DECORATION_SHADOW: Pixels = px(10.0);
 
+/// Defines window border size for platforms that use client side decorations.
+pub const CLIENT_SIDE_DECORATION_BORDER: Pixels = px(1.0);
+
+/// Defines window titlebar height
+pub const TITLEBAR_HEIGHT: Pixels = px(36.0);
+
+/// Defines tabbar height
+pub const TABBAR_HEIGHT: Pixels = px(30.);
+
+/// Defines default sidebar width
+pub const SIDEBAR_WIDTH: Pixels = px(240.);
+
+/// Defines search input width
+pub const SEARCH_INPUT_WIDTH: Pixels = px(420.);
+
 pub fn init(cx: &mut App) {
     registry::init(cx);
 
@@ -67,6 +84,9 @@ pub struct Theme {
 
     /// Show the scrollbar mode, default: scrolling
     pub scrollbar_mode: ScrollbarMode,
+
+    /// Platform
+    pub platform: PlatformKind,
 }
 
 impl Deref for Theme {
@@ -149,11 +169,7 @@ impl Theme {
         theme.mode = mode;
 
         // Set the theme colors
-        if mode.is_dark() {
-            theme.colors = *theme.theme.dark();
-        } else {
-            theme.colors = *theme.theme.light();
-        }
+        theme.colors = *theme.theme.colors();
 
         // Refresh the window if available
         if let Some(window) = window {
@@ -164,16 +180,20 @@ impl Theme {
 
 impl From<ThemeFamily> for Theme {
     fn from(family: ThemeFamily) -> Self {
+        let platform = PlatformKind::platform();
         let mode = ThemeMode::default();
         // Define the theme colors based on the appearance
-        let colors = match mode {
-            ThemeMode::Light => family.light(),
-            ThemeMode::Dark => family.dark(),
+        let colors = family.colors();
+        // Define the font family based on the platform.
+        // TODO: Use native fonts on Linux too.
+        let font_family = match platform {
+            PlatformKind::Linux => "Inter",
+            _ => ".SystemUIFont",
         };
 
         Theme {
             font_size: px(15.),
-            font_family: ".SystemUIFont".into(),
+            font_family: font_family.into(),
             radius: px(5.),
             radius_lg: px(10.),
             shadow: true,
@@ -181,6 +201,7 @@ impl From<ThemeFamily> for Theme {
             mode,
             colors: *colors,
             theme: Rc::new(family),
+            platform,
         }
     }
 }