WIP snake_case 3/?

styles/src/style_tree/contacts_popover.ts

@@ -6,7 +6,7 @@ export default function contacts_popover(theme: ColorScheme): any {
         background: background(theme.middle),
         corner_radius: 6,
         padding: { top: 6, bottom: 6 },
-        shadow: theme.popoverShadow,
+        shadow: theme.popover_shadow,
         border: border(theme.middle),
         width: 300,
         height: 400,

styles/src/style_tree/context_menu.ts

@@ -7,7 +7,7 @@ export default function context_menu(theme: ColorScheme): any {
         background: background(theme.middle),
         corner_radius: 10,
         padding: 4,
-        shadow: theme.popoverShadow,
+        shadow: theme.popover_shadow,
         border: border(theme.middle),
         keystroke_margin: 30,
         item: toggleable({

styles/src/style_tree/editor.ts

@@ -186,7 +186,7 @@ export default function editor(theme: ColorScheme): any {
                 left: -14,
             },
             border: border(theme.middle),
-            shadow: theme.popoverShadow,
+            shadow: theme.popover_shadow,
             matchHighlight: foreground(theme.middle, "accent"),
             item: autocomplete_item,
             hoveredItem: {

styles/src/style_tree/hover_popover.ts

@@ -12,7 +12,7 @@ export default function hover_popover(colorScheme: ColorScheme): any {
             top: 4,
             bottom: 4,
         },
-        shadow: colorScheme.popoverShadow,
+        shadow: colorScheme.popover_shadow,
         border: border(layer),
         margin: {
             left: -8,

styles/src/style_tree/picker.ts

@@ -8,7 +8,7 @@ export default function picker(colorScheme: ColorScheme): any {
     const container = {
         background: background(layer),
         border: border(layer),
-        shadow: colorScheme.modalShadow,
+        shadow: colorScheme.modal_shadow,
         corner_radius: 12,
         padding: {
             bottom: 4,

styles/src/style_tree/tab_bar.ts

@@ -73,7 +73,7 @@ export default function tab_bar(colorScheme: ColorScheme): any {
         ...activePaneActiveTab,
         background: withOpacity(tab.background, 0.9),
         border: undefined as any,
-        shadow: colorScheme.popoverShadow,
+        shadow: colorScheme.popover_shadow,
     }
 
     return {

styles/src/style_tree/toolbar_dropdown_menu.ts

@@ -8,7 +8,7 @@ export default function dropdown_menu(colorScheme: ColorScheme): any {
         rowHeight: 30,
         background: background(layer),
         border: border(layer),
-        shadow: colorScheme.popoverShadow,
+        shadow: colorScheme.popover_shadow,
         header: interactive({
             base: {
                 ...text(layer, "sans", { size: "sm" }),

styles/src/style_tree/tooltip.ts

@@ -8,7 +8,7 @@ export default function tooltip(colorScheme: ColorScheme): any {
         border: border(layer),
         padding: { top: 4, bottom: 4, left: 8, right: 8 },
         margin: { top: 6, left: 6 },
-        shadow: colorScheme.popoverShadow,
+        shadow: colorScheme.popover_shadow,
         corner_radius: 6,
         text: text(layer, "sans", { size: "xs" }),
         keystroke: {

styles/src/style_tree/welcome.ts

@@ -21,7 +21,7 @@ export default function welcome(colorScheme: ColorScheme): any {
             top: 3,
             bottom: 3,
         },
-        // shadow: colorScheme.popoverShadow,
+        // shadow: colorScheme.popover_shadow,
         border: border(layer),
         margin: {
             right: 8,

styles/src/style_tree/workspace.ts

@@ -102,7 +102,7 @@ export default function workspace(colorScheme: ColorScheme): any {
         },
         zoomedPaneForeground: {
             margin: 16,
-            shadow: colorScheme.modalShadow,
+            shadow: colorScheme.modal_shadow,
             border: border(colorScheme.lowest, { overlay: true }),
         },
         zoomedPanelForeground: {
@@ -189,7 +189,7 @@ export default function workspace(colorScheme: ColorScheme): any {
             corner_radius: 6,
             padding: 12,
             border: border(colorScheme.middle),
-            shadow: colorScheme.popoverShadow,
+            shadow: colorScheme.popover_shadow,
         },
         notifications: {
             width: 400,