move ubersicht modules in tree

34 files changed, 1089 insertions, 0 deletions

diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/amarena.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/amarena.js
new file mode 100755
index 0000000..91561c1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/amarena.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Amarena",
+  kind: "dark",
+  main: "#1a2026",
+  mainAlt: "#526170",
+  minor: "#242d35",
+  red: "#f26190",
+  green: "#fb6396",
+  yellow: "#f92d72",
+  orange: "#c269bc",
+  blue: "#4cb9d6",
+  magenta: "#58d6bf",
+  cyan: "#6ccb6e",
+  black: "#1a2026",
+  white: "#f4f5f2",
+  foreground: "#f4f5f2",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "MesloLGS NF, JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "3px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 4px",
+  hoverRing: "0 0 0 1px rgba(249, 45, 114, 0.75)",
+  focusRing: "0 0 0 1px rgb(249, 45, 114)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-frappe.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-frappe.js
new file mode 100755
index 0000000..7f6ab49
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-frappe.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin Frappe",
+  kind: "dark",
+  main: "#303446", // Base
+  mainAlt: "#292c3c", // Mantle
+  minor: "#232634", // Crust
+  red: "#e78284", // Red
+  green: "#a6d189", // Green
+  yellow: "#e5c890", // Yellow
+  orange: "#ef9f76", // Peach
+  blue: "#8caaee", // Blue
+  magenta: "#ca9ee6", // Mauve
+  cyan: "#99d1db", // Sky
+  black: "#303446", // Base
+  white: "#c6d0f5", // Text
+  foreground: "#c6d0f5", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-latte.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-latte.js
new file mode 100755
index 0000000..dd53fec
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-latte.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin Latte",
+  kind: "light",
+  main: "#eff1f5", // Base
+  mainAlt: "#e6e9ef", // Mantle
+  minor: "#dce0e8", // Crust
+  red: "#d20f39", // Red
+  green: "#40a02b", // Green
+  yellow: "#df8e1d", // Yellow
+  orange: "#fe640b", // Peach
+  blue: "#1e66f5", // Blue
+  magenta: "#8839ef", // Mauve
+  cyan: "#04a5e5", // Sky
+  black: "#4c4f69", // Text
+  white: "#eff1f5", // Base
+  foreground: "#4c4f69", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-macchiato.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-macchiato.js
new file mode 100755
index 0000000..f1db514
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-macchiato.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin Macchiato",
+  kind: "dark",
+  main: "#24273a", // Base
+  mainAlt: "#1e2030", // Mantle
+  minor: "#181926", // Crust
+  red: "#ed8796", // Red
+  green: "#a6da95", // Green
+  yellow: "#eed49f", // Yellow
+  orange: "#f5a97f", // Peach
+  blue: "#8aadf4", // Blue
+  magenta: "#c6a0f6", // Mauve
+  cyan: "#91d7e3", // Sky
+  black: "#24273a", // Base
+  white: "#cad3f5", // Text
+  foreground: "#cad3f5", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-mocha.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-mocha.js
new file mode 100755
index 0000000..64b1cc2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-mocha.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin Mocha",
+  kind: "dark",
+  main: "#1e1e2e", // Base
+  mainAlt: "#181825", // Mantle
+  minor: "#11111b", // Crust
+  red: "#f38ba8", // Red
+  green: "#a6e3a1", // Green
+  yellow: "#f9e2af", // Yellow
+  orange: "#fab387", // Peach
+  blue: "#89b4fa", // Blue
+  magenta: "#cba6f7", // Mauve
+  cyan: "#89dceb", // Sky
+  black: "#1e1e2e", // Base
+  white: "#cdd6f4", // Text
+  foreground: "#cdd6f4", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin.js
new file mode 100755
index 0000000..2ac8520
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin (old)",
+  kind: "dark",
+  main: "#1E1E2E",
+  mainAlt: "#302D41",
+  minor: "#575268",
+  red: "#F28FAD",
+  green: "#ABE9B3",
+  yellow: "#FAE3B0",
+  orange: "#F8BD96",
+  blue: "#96CDFB",
+  magenta: "#DDB6F2",
+  cyan: "#89DCEB",
+  black: "#161320",
+  white: "#D9E0EE",
+  foreground: "#D9E0EE",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cisco.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cisco.js
new file mode 100755
index 0000000..a4d84f3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cisco.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Cisco",
+  kind: "dark",
+  main: "#282a36",
+  mainAlt: "#8E2F91",
+  minor: "#543185",
+  red: "#8E2F91",
+  green: "#8E2F91",
+  yellow: "#BE3161",
+  orange: "#008CD1",
+  blue: "#6E5BC2",
+  magenta: "#8E2F91",
+  cyan: "#CC60CB",
+  black: "#292a2b",
+  white: "#f5f5f5",
+  foreground: "#9E70B5",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-dark.js
new file mode 100755
index 0000000..a192d37
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Cyberdream Dark",
+  kind: "dark",
+  main: "rgba(22, 24, 26, 0.6)", // Base - with 40% transparency
+  mainAlt: "rgba(30, 33, 36, 0.6)", // Mantle - with 40% transparency
+  minor: "rgba(60, 64, 72, 0.6)", // Crust - with 40% transparency
+  red: "#ff6e5e", // Red
+  green: "#5eff6c", // Neon Green
+  yellow: "#f1ff5e", // Yellow
+  orange: "#ffbd5e", // Orange
+  blue: "#5ea1ff", // Blue
+  magenta: "#ff5ef1", // Magenta
+  cyan: "#5ef1ff", // Cyan
+  black: "#16181a", // Base
+  white: "#ffffff", // Text
+  foreground: "#ffffff", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-light.js
new file mode 100755
index 0000000..4403ec4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Cyberdream Light",
+  kind: "light",
+  main: "rgba(255, 255, 255, 0.6)", // Base - with 40% transparency
+  mainAlt: "rgba(234, 234, 234, 0.6)", // Mantle - with 40% transparency
+  minor: "rgba(172, 172, 172, 0.6)", // Crust - with 40% transparency
+  red: "#d11500", // Red
+  green: "#008b0c", // Green
+  yellow: "#997b00", // Bronze
+  orange: "#d17c00", // Orange
+  blue: "#0057d1", // Indigo
+  magenta: "#d100bf", // Magenta
+  cyan: "#008c99", // Aqua
+  black: "#16181a", // Text
+  white: "#ffffff", // Base
+  foreground: "#16181a", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/dracula.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/dracula.js
new file mode 100755
index 0000000..8eb6b28
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/dracula.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Dracula",
+  kind: "dark",
+  main: "#282a36",
+  mainAlt: "#ff79c6",
+  minor: "#44475a",
+  red: "#ff5555",
+  green: "#50fa7b",
+  yellow: "#f1fa8c",
+  orange: "#ffb86c",
+  blue: "#bd93f9",
+  magenta: "#ff79c6",
+  cyan: "#8be9fd",
+  black: "#282a36",
+  white: "#f8f8f2",
+  foreground: "#f8f8f2",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-dark.js
new file mode 100755
index 0000000..e61884c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Gruvbox Dark",
+  kind: "dark",
+  main: "#282828",
+  mainAlt: "#ff0000",
+  minor: "#3c3836",
+  red: "#cc241d",
+  green: "#98971a",
+  yellow: "#d79921",
+  orange: "#d65d0e",
+  blue: "#458588",
+  magenta: "#b16286",
+  cyan: "#689d6a",
+  black: "#282828",
+  white: "#ebdbb2",
+  foreground: "#ebdbb2",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-light.js
new file mode 100755
index 0000000..153a38d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Gruvbox Light",
+  kind: "light",
+  main: "#fbf1c7",
+  mainAlt: "#7c6f64",
+  minor: "#ebdbb2",
+  red: "#cc241d",
+  green: "#98971a",
+  yellow: "#d79921",
+  orange: "#d65d0e",
+  blue: "#458588",
+  magenta: "#b16286",
+  cyan: "#689d6a",
+  black: "#fbf1c7",
+  white: "#3c3836",
+  foreground: "#3c3836",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-material.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-material.js
new file mode 100755
index 0000000..1de9fff
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-material.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Gruvbox Material",
+  kind: "dark",
+  main: "#282828",
+  mainAlt: "#ea6962",
+  minor: "#32302f",
+  red: "#ea6962",
+  green: "#a9b665",
+  yellow: "#e3a84e",
+  orange: "#e78a4e",
+  blue: "#7daea3",
+  magenta: "#d3869b",
+  cyan: "#89b482",
+  black: "#282828",
+  white: "#928374",
+  foreground: "#dfbf8e",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "8px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "6px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-dark.js
new file mode 100755
index 0000000..f658960
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Mac OS Dark",
+  kind: "dark",
+  main: "#292a2b",
+  mainAlt: "#5f5f60",
+  minor: "#3c3d3e",
+  red: "#ee5f5c",
+  green: "#77b756",
+  yellow: "#f8c644",
+  orange: "#ca8739",
+  blue: "#2b7bf7",
+  magenta: "#9b57a2",
+  cyan: "#e65d9c",
+  black: "#292a2b",
+  white: "#f5f5f5",
+  foreground: "#fff",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "14px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-light.js
new file mode 100755
index 0000000..61229f9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Mac OS Light",
+  kind: "light",
+  main: "#ececed",
+  mainAlt: "#5f5f60",
+  minor: "#fff",
+  red: "#ee5f5c",
+  green: "#77b756",
+  yellow: "#f8c644",
+  orange: "#ca8739",
+  blue: "#2b7bf7",
+  magenta: "#9b57a2",
+  cyan: "#e65d9c",
+  black: "#292a2b",
+  white: "#f5f5f5",
+  foreground: "#292a2b",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "14px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/material-ocean.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/material-ocean.js
new file mode 100755
index 0000000..ad521b1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/material-ocean.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Material Theme - Ocean",
+  kind: "dark",
+  main: "rgb(15, 17, 26)",
+  mainAlt: "#0F111A",
+  minor: "#3c3d3e",
+  red: "#f07178",
+  green: "#C3E88D",
+  yellow: "#FFCB6B",
+  orange: "#F78C6C",
+  blue: "#82AAFF",
+  magenta: "#C792EA",
+  cyan: "#89DDFF",
+  black: "#000000",
+  white: "#ffffff",
+  foreground: "#A6ACCD",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "Roboto Mono, monospace",
+  barHeight: "30px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "14px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/midsummer-night-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/midsummer-night-dark.js
new file mode 100755
index 0000000..d5358e4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/midsummer-night-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Midsummer Night Dark",
+  kind: "dark",
+  main: "#1c1e27",
+  mainAlt: "#212831",
+  minor: "#212831",
+  red: "#e43d6a",
+  green: "#0af29d",
+  yellow: "#eea585",
+  orange: "#e88376",
+  blue: "#56c2ea",
+  magenta: "#b468d0",
+  cyan: "#00ccbb",
+  black: "#1b222d",
+  white: "#fff",
+  foreground: "#fff",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-owl.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-owl.js
new file mode 100755
index 0000000..b883b9c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-owl.js
@@ -0,0 +1,33 @@
+export const theme = {
+  name: "NightOwl",
+  kind: "dark",
+  main: "#011627",
+  mainAlt: "#0b253a",
+  minor: "#084d8180",
+  red: "#ef5350",
+  green: "#22da6e",
+  yellow: "#FFCA28",
+  orange: "#F78C6C",
+  blue: "#82AAFF",
+  magenta: "#C792EA",
+  cyan: "#7fdbca",
+  black: "#011627",
+  white: "#ffffff",
+  foreground: "#d2dee7",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(214, 222, 235, 0.5)",
+  focusRing: "0 0 0 2px rgb(214, 222, 235, 0.2)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  foregroundShadow: "0 0 0 rgba(0, 0, 0, 0)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(214, 222, 235, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-dark.js
new file mode 100755
index 0000000..dd3e3b3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Night Shift Dark",
+  kind: "dark",
+  main: "#1b222d",
+  mainAlt: "#98a8c5",
+  minor: "#39465e",
+  red: "#e78482",
+  green: "#8fc8BB",
+  yellow: "#ffd484",
+  orange: "#ffb374",
+  blue: "#6db3cE",
+  magenta: "#ad82cB",
+  cyan: "#7eddde",
+  black: "#1b222d",
+  white: "#fff",
+  foreground: "#fff",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "6px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "5px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-light.js
new file mode 100755
index 0000000..92e7038
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Night Shift Light",
+  kind: "light",
+  main: "#fff",
+  mainAlt: "#98a8c5",
+  minor: "#f5f5f5",
+  red: "#e78482",
+  green: "#8fc8bb",
+  yellow: "#d1ab66",
+  orange: "#ffb374",
+  blue: "#6db3ce",
+  magenta: "#ad82cb",
+  cyan: "#2fc2c3",
+  black: "#1b222d",
+  white: "#f5f5f5",
+  foreground: "#1b222d",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "6px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "5px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-dark.js
new file mode 100755
index 0000000..0e8fd6a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Nightfox Dark",
+  kind: "dark",
+  main: "#192330",
+  mainAlt: "#131a24",
+  minor: "#29394f",
+  red: "#c94f6d",
+  green: "#81b29a",
+  yellow: "#dbc074",
+  orange: "#f4a261",
+  blue: "#719cd6",
+  magenta: "#9d79d6",
+  cyan: "#63cdcf",
+  black: "#192330",
+  white: "#dfdfe0",
+  foreground: "#cdcecf",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "7px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "5px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(205, 206, 207, 0.75)",
+  focusRing: "0 0 0 2px rgb(205, 206, 207)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(214, 222, 235, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-light.js
new file mode 100755
index 0000000..72d885f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Nightfox Light",
+  kind: "light",
+  main: "#f6f2ee",
+  mainAlt: "#e4dcd4",
+  minor: "#d3c7bb",
+  red: "#a5222f",
+  green: "#396847",
+  yellow: "#AC5402",
+  orange: "#955f61",
+  blue: "#2848a9",
+  magenta: "#6e33ce",
+  cyan: "#287980",
+  black: "#352c24",
+  white: "#f2e9e1",
+  foreground: "#3d2b5a",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "7px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "5px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(61, 43, 90, 0.75)",
+  focusRing: "0 0 0 2px rgb(61, 43, 90)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(214, 222, 235, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nord.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nord.js
new file mode 100755
index 0000000..0bdf1a7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nord.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Nord",
+  kind: "dark",
+  main: "#3b4252",
+  mainAlt: "#eceef4",
+  minor: "#4c566a",
+  red: "#bf616a",
+  green: "#a3be8c",
+  yellow: "#ebcb8b",
+  orange: "#d08770",
+  blue: "#81a1c1",
+  magenta: "#b48ead",
+  cyan: "#88c0d0",
+  black: "#2e3440",
+  white: "#eceff4",
+  foreground: "#d8dee9",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "Source Code Pro",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "14px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-dark.js
new file mode 100755
index 0000000..e73da4f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "One Dark",
+  kind: "dark",
+  main: "#21252b",
+  mainAlt: "#e6e6e6",
+  minor: "#323842",
+  red: "#e05561",
+  green: "#8cc265",
+  yellow: "#d18f52",
+  orange: "#ffb374",
+  blue: "#6db3ce",
+  magenta: "#c162de",
+  cyan: "#42b3c2",
+  black: "#21252b",
+  white: "#fff",
+  foreground: "#abb2bf",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "20px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-light.js
new file mode 100755
index 0000000..64fbb4a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "One Light",
+  kind: "light",
+  main: "#f5f5f5",
+  mainAlt: "#21252b",
+  minor: "#fff",
+  red: "#e05561",
+  green: "#8cc265",
+  yellow: "#d18f52",
+  orange: "#FFB374",
+  blue: "#6DB3CE",
+  magenta: "#c162de",
+  cyan: "#42b3c2",
+  black: "#21252b",
+  white: "#fff",
+  foreground: "#21252b",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "20px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-dawn.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-dawn.js
new file mode 100755
index 0000000..50b6b49
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-dawn.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Rosé Pine Dawn",
+  kind: "light",
+  main: "#faf4ed",
+  mainAlt: "#fffaf3",
+  minor: "#f2e9e1",
+  red: "#b4637a",
+  green: "#286983",
+  yellow: "#ea9d34",
+  orange: "#d7827e",
+  blue: "#56949f",
+  magenta: "#907aa9",
+  cyan: "#d7827e",
+  black: "#575279",
+  white: "#faf4ed",
+  foreground: "#575279",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-moon.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-moon.js
new file mode 100755
index 0000000..d0d3e2b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-moon.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Rosé Pine Moon",
+  kind: "dark",
+  main: "#232136",
+  mainAlt: "#2a273f",
+  minor: "#393552",
+  red: "#eb6f92",
+  green: "#3e8fb0",
+  yellow: "#f6c177",
+  orange: "#ea9a97",
+  blue: "#9ccfd8",
+  magenta: "#c4a7e7",
+  cyan: "#ea9a97",
+  black: "#232136",
+  white: "#e0def4",
+  foreground: "#e0def4",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine.js
new file mode 100755
index 0000000..1c20f58
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Rosé Pine",
+  kind: "dark",
+  main: "#191724",
+  mainAlt: "#1f1d2e",
+  minor: "#26233a",
+  red: "#eb6f92",
+  green: "#31748f",
+  yellow: "#f6c177",
+  orange: "#ebbcba",
+  blue: "#9ccfd8",
+  magenta: "#c4a7e7",
+  cyan: "#ebbcba",
+  black: "#191724",
+  white: "#e0def4",
+  foreground: "#e0def4",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-dark.js
new file mode 100755
index 0000000..1beef76
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Solarized Dark",
+  kind: "dark",
+  main: "#002b36",
+  mainAlt: "#002b36",
+  minor: "#073642",
+  red: "#dc322f",
+  green: "#859900",
+  yellow: "#b58900",
+  orange: "#cb4b16",
+  blue: "#0087ff",
+  magenta: "#d33682",
+  cyan: "#2aa198",
+  black: "#262626",
+  white: "#e4e4e4",
+  foreground: "#93a1a1",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "20px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-light.js
new file mode 100755
index 0000000..b90aa81
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Solarized Light",
+  kind: "light",
+  main: "#fdf6e3",
+  mainAlt: "#fdf6e3",
+  minor: "#eee8d5",
+  red: "#dc322f",
+  green: "#859900",
+  yellow: "#b58900",
+  orange: "#cb4b16",
+  blue: "#0087ff",
+  magenta: "#d33682",
+  cyan: "#2aa198",
+  black: "#262626",
+  white: "#e4e4e4",
+  foreground: "#657b83",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "20px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/spaceduck.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/spaceduck.js
new file mode 100755
index 0000000..45d4ca9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/spaceduck.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "SpaceDuck",
+  kind: "dark",
+  main: "#0f111b",
+  mainAlt: "#b3a1e6",
+  minor: "#1b1c36",
+  red: "#e33400",
+  green: "#5ccc96",
+  yellow: "#f2ce00",
+  orange: "#e39400",
+  blue: "#686f9a",
+  magenta: "#ce6f8f",
+  cyan: "#00a3cc",
+  black: "#000000",
+  white: "#FFF",
+  foreground: "#ecf0c1",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "5px",
+  itemRadius: "3px",
+  itemInnerMargin: "5px 10px",
+  itemOuterMargin: "0 0 0 4px",
+  hoverRing: "0 0 0 2px rgba(92, 204, 150, 0.75)",
+  focusRing: "0 0 0 2px rgb(92, 204, 150)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 0)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/sylens.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/sylens.js
new file mode 100755
index 0000000..1d3f8ec
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/sylens.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Sylens",
+  kind: "dark",
+  main: "#1B2229",
+  mainAlt: "#7d5a15",
+  minor: "#1b2229",
+  red: "#7d5a15",
+  green: "#BF6832",
+  yellow: "#d65d0e",
+  orange: "#475090",
+  blue: "#33736A",
+  magenta: "#814b42",
+  cyan: "#346a97",
+  black: "#a77822",
+  white: "#1b2229",
+  foreground: "#a77822",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "MonoLisa",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(167, 120, 34, 0.75)",
+  focusRing: "0 0 0 2px rgb(167, 120, 34)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(167, 120, 34, H0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/tokyo-night.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/tokyo-night.js
new file mode 100755
index 0000000..9982420
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/tokyo-night.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Tokyo Night",
+  kind: "dark",
+  main: "#15161E",
+  mainAlt: "#302D41",
+  minor: "#15161E",
+  red: "#F7768E",
+  green: "#9ECE6A",
+  yellow: "#E0AF68",
+  orange: "#F8BD96",
+  blue: "#7AA2F7",
+  magenta: "#BB9AF7",
+  cyan: "#7DCFFF",
+  black: "#15161E",
+  white: "#A9B1D6",
+  foreground: "#A9B1D6",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "9px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "0px",
+  itemRadius: "5px",
+  itemInnerMargin: "0px 9px",
+  itemOuterMargin: "0 0 0 4px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/vscode-dark-modern.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/vscode-dark-modern.js
new file mode 100755
index 0000000..d997e77
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/vscode-dark-modern.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Vscode Dark Modern",
+  kind: "dark",
+  main: "#181818",
+  mainAlt: "#1f1f1f",
+  minor: "#2a2a2a",
+  red: "#e78482",
+  green: "#4ec6ae",
+  yellow: "#dcdcaa",
+  orange: "#ffb374",
+  blue: "#4fc1ff",
+  magenta: "#c586c0",
+  cyan: "#9cdcfe",
+  black: "#181818",
+  white: "#fff",
+  foreground: "#fff",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "7px",
+  itemInnerMargin: "2px 6px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};