Added Tabs to edit page

2025-11-16 21:57:10 -08:00
parent bba62180fe
commit a14df54cd9
29 changed files with 771 additions and 130 deletions
--- a/sass/framework/_ace.sass
+++ b/sass/framework/_ace.sass
@@ -0,0 +1,29 @@
+@use '../abstracts' as *
+@use 'sass:color'  // For color.adjust()—non-deprecated color tweaks
+@use '../base' as *
+
+// ACE Editor
+.editor-container
+  width: 100%
+  min-height: 400px  // ~10 rows
+
+.ace-editor
+  height: 400px  // Scrollable
+  border: 1px solid $accent-light
+  font-family: $mono-font  // Your monospace
+
+  // Ace internals (dark theme tweaks)
+  .ace_gutter
+    background: $bg-darker !important
+    color: $text-muted !important
+    border-right: 1px solid $accent-light !important
+
+  .ace_scroller
+    background: $bg-dark !important
+
+  .ace_text-layer .ace_print-margin
+    background: transparent !important
+
+  // Selection
+  .ace_marker-layer .ace_selection
+    background: color.adjust($accent-light, $alpha: -0.3) !important  // Green tint