Update & format

styles/src/theme/syntax.ts

@@ -291,7 +291,10 @@ function build_default_syntax(color_scheme: ColorScheme): Syntax {
     return default_syntax
 }
 
-function merge_syntax(default_syntax: Syntax, color_scheme: ColorScheme): Syntax {
+function merge_syntax(
+    default_syntax: Syntax,
+    color_scheme: ColorScheme
+): Syntax {
     if (!color_scheme.syntax) {
         return default_syntax
     }

styles/src/theme/tokens/color_scheme.ts

@@ -10,9 +10,9 @@ import {
     SyntaxHighlightStyle,
     ThemeSyntax,
 } from "../color_scheme"
-import { LayerToken, layerToken } from "./layer"
-import { PlayersToken, playersToken } from "./players"
-import { colorToken } from "./token"
+import { LayerToken, layer_token } from "./layer"
+import { PlayersToken, players_token } from "./players"
+import { color_token } from "./token"
 import { Syntax } from "../syntax"
 import editor from "../../style_tree/editor"
 
@@ -64,13 +64,11 @@ function syntax_highlight_style_color_tokens(
         if (!syntax[style_key] || typeof syntax[style_key] === "function")
             return acc
         const { color } = syntax[style_key] as Required<SyntaxHighlightStyle>
-        return { ...acc, [style_key]: colorToken(style_key, color) }
+        return { ...acc, [style_key]: color_token(style_key, color) }
     }, {} as ThemeSyntaxColorTokens)
 }
 
-const syntax_tokens = (
-    theme: ColorScheme
-): ColorSchemeTokens["syntax"] => {
+const syntax_tokens = (theme: ColorScheme): ColorSchemeTokens["syntax"] => {
     const syntax = editor(theme).syntax
 
     return syntax_highlight_style_color_tokens(syntax)
@@ -88,12 +86,12 @@ export function theme_tokens(theme: ColorScheme): ColorSchemeTokens {
             value: theme.is_light ? "light" : "dark",
             type: TokenTypes.OTHER,
         },
-        lowest: layerToken(theme.lowest, "lowest"),
-        middle: layerToken(theme.middle, "middle"),
-        highest: layerToken(theme.highest, "highest"),
+        lowest: layer_token(theme.lowest, "lowest"),
+        middle: layer_token(theme.middle, "middle"),
+        highest: layer_token(theme.highest, "highest"),
         popover_shadow: popover_shadow_token(theme),
         modal_shadow: modal_shadow_token(theme),
-        players: playersToken(theme),
+        players: players_token(theme),
         syntax: syntax_tokens(theme),
     }
 }

styles/src/theme/tokens/players.ts

@@ -6,10 +6,7 @@ export type PlayerToken = Record<"selection" | "cursor", SingleColorToken>
 
 export type PlayersToken = Record<keyof Players, PlayerToken>
 
-function build_player_token(
-    theme: ColorScheme,
-    index: number
-): PlayerToken {
+function build_player_token(theme: ColorScheme, index: number): PlayerToken {
     const player_number = index.toString() as keyof Players
 
     return {