1 files changed, 157 insertions, 0 deletions
diff --git a/src/streamml/styles/styles.css b/src/streamml/styles/styles.css
new file mode 100644
index 0000000..25eda16
--- /dev/null
+++ b/src/streamml/styles/styles.css
@@ -0,0 +1,157 @@
+DetectorTab Button {
+  content-align: center middle;
+}
+
+DetectorTab Checkbox {
+  width: 100%;
+}
+
+.save-button-container {
+  align: center middle;
+  height: auto;
+  margin-top: 1;
+  width: 100%;
+}
+
+.profile-row {
+  layout: horizontal;
+  align-vertical: middle;
+  height: auto;
+  min-height: 3;
+
+  background: $surface;
+  border-left: solid $primary;
+  margin-bottom: 1;
+  padding: 1;
+}
+
+.profile-row:hover {
+  background: $surface-lighten-1;
+  border-left: solid $accent;
+}
+
+.profile-profile_name {
+  width: 2fr;
+  text-style: bold;
+  color: $text;
+  padding: 1;
+  content-align: center middle;
+}
+
+.section-card {
+  padding: 1;
+  border: round $primary;
+  height: auto;
+}
+
+.detector-scroll {
+  scrollbar-color: $primary ;
+  scrollbar-background: $background;
+  scrollbar-size-horizontal: 1;
+}
+
+
+ModalScreen {
+  align: center middle;
+
+}
+
+.modal-window {
+  background: $surface;
+  border: tall $primary;
+  padding: 1 2;
+  layout: vertical;
+}
+
+.small-modal {
+  width: 50;
+  height: auto;
+}
+
+.medium-modal {
+  width: 80;
+  height: 80%;
+}
+
+.large-modal {
+  width: 95%;
+  height: 95%;
+}
+
+.modal-header {
+  width: 100%;
+  text-align: center;
+  text-style: bold;
+  color: $accent;
+  border-bottom: solid $secondary;
+  padding-bottom: 1;
+  margin-bottom: 1;
+}
+
+.modal-footer {
+  height: auto;
+  width: 100%;
+  align: center middle;
+  padding-top: 1;
+  dock: bottom;
+}
+
+.modal-footer Button {
+  margin: 0 1;
+  min-width: 15;
+}
+
+.modal-split-container {
+  width: 100%;
+  height: 1fr;
+}
+
+.left-panel {
+  width: 65%;
+  height: 100%;
+  margin-right: 1;
+}
+
+.right-panel {
+  width: 35%;
+  height: 100%;
+  border-left: solid $secondary;
+  padding-left: 1;
+}
+
+.plot-card {
+  height: 1fr;
+  border: none;
+  margin-bottom: 1;
+  background: $surface-lighten-1;
+}
+
+.section-header {
+  text-align: center;
+  color: $text-muted;
+  margin-bottom: 1;
+}
+
+.info-box {
+  width: 100%;
+  height: 1fr;
+  border: tall $surface-lighten-2;
+  background: $surface-darken-1;
+  padding: 1;
+  overflow: auto;
+  scrollbar-color: $primary ;
+  scrollbar-background: $background;
+  scrollbar-size-horizontal: 1;
+}
+
+.table-container {
+  width: 100%;
+  height: 1fr;
+  border: solid $secondary;
+}
+
+
+.label-muted {
+  color: $text-muted;
+  text-align: center;
+}