diff options
| author | nippy <you@example.com> | 2026-04-18 13:49:56 +0200 |
|---|---|---|
| committer | nippy <you@example.com> | 2026-04-18 13:49:56 +0200 |
| commit | 5d94c0a7d44a2255b81815a52a7056a94a39842d (patch) | |
| tree | 759bdea9645c6a62f9e1e4c001f7d81cccd120d2 /raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Common/StockThemes.js | |
| parent | e79cdf210b267f21a186255ce1a4d50029439d54 (diff) | |
| download | RaveOS-PKGBUILD-5d94c0a7d44a2255b81815a52a7056a94a39842d.tar.gz RaveOS-PKGBUILD-5d94c0a7d44a2255b81815a52a7056a94a39842d.zip | |
update Raveos themes
Diffstat (limited to 'raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Common/StockThemes.js')
| -rw-r--r-- | raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Common/StockThemes.js | 468 |
1 files changed, 468 insertions, 0 deletions
diff --git a/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Common/StockThemes.js b/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Common/StockThemes.js new file mode 100644 index 0000000..311c27f --- /dev/null +++ b/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Common/StockThemes.js @@ -0,0 +1,468 @@ +// Stock theme definitions for DankMaterialShell +// Separated from Theme.qml to keep that file clean + +const StockThemes = { + DARK: { + blue: { + name: "Blue", + primary: "#42a5f5", + primaryText: "#000000", + primaryContainer: "#0d47a1", + secondary: "#8ab4f8", + surface: "#101418", + surfaceText: "#e0e2e8", + surfaceVariant: "#42474e", + surfaceVariantText: "#c2c7cf", + surfaceTint: "#8ab4f8", + background: "#101418", + backgroundText: "#e0e2e8", + outline: "#8c9199", + surfaceContainer: "#1d2024", + surfaceContainerHigh: "#272a2f", + surfaceContainerHighest: "#32353a", + }, + purple: { + name: "Purple", + primary: "#D0BCFF", + primaryText: "#381E72", + primaryContainer: "#4F378B", + secondary: "#CCC2DC", + surface: "#141218", + surfaceText: "#e6e0e9", + surfaceVariant: "#49454e", + surfaceVariantText: "#cac4cf", + surfaceTint: "#D0BCFF", + background: "#141218", + backgroundText: "#e6e0e9", + outline: "#948f99", + surfaceContainer: "#211f24", + surfaceContainerHigh: "#2b292f", + surfaceContainerHighest: "#36343a", + }, + green: { + name: "Green", + primary: "#4caf50", + primaryText: "#000000", + primaryContainer: "#1b5e20", + secondary: "#81c995", + surface: "#10140f", + surfaceText: "#e0e4db", + surfaceVariant: "#424940", + surfaceVariantText: "#c2c9bd", + surfaceTint: "#81c995", + background: "#10140f", + backgroundText: "#e0e4db", + outline: "#8c9388", + surfaceContainer: "#1d211b", + surfaceContainerHigh: "#272b25", + surfaceContainerHighest: "#323630", + }, + orange: { + name: "Orange", + primary: "#ff6d00", + primaryText: "#000000", + primaryContainer: "#3e2723", + secondary: "#ffb74d", + surface: "#1a120e", + surfaceText: "#f0dfd8", + surfaceVariant: "#52443d", + surfaceVariantText: "#d7c2b9", + surfaceTint: "#ffb74d", + background: "#1a120e", + backgroundText: "#f0dfd8", + outline: "#a08d85", + surfaceContainer: "#271e1a", + surfaceContainerHigh: "#322824", + surfaceContainerHighest: "#3d332e", + }, + red: { + name: "Red", + primary: "#f44336", + primaryText: "#000000", + primaryContainer: "#4a0e0e", + secondary: "#f28b82", + surface: "#1a1110", + surfaceText: "#f1dedc", + surfaceVariant: "#534341", + surfaceVariantText: "#d8c2be", + surfaceTint: "#f28b82", + background: "#1a1110", + backgroundText: "#f1dedc", + outline: "#a08c89", + surfaceContainer: "#271d1c", + surfaceContainerHigh: "#322826", + surfaceContainerHighest: "#3d3231", + }, + cyan: { + name: "Cyan", + primary: "#00bcd4", + primaryText: "#000000", + primaryContainer: "#004d5c", + secondary: "#4dd0e1", + surface: "#0e1416", + surfaceText: "#dee3e5", + surfaceVariant: "#3f484a", + surfaceVariantText: "#bfc8ca", + surfaceTint: "#4dd0e1", + background: "#0e1416", + backgroundText: "#dee3e5", + outline: "#899295", + surfaceContainer: "#1b2122", + surfaceContainerHigh: "#252b2c", + surfaceContainerHighest: "#303637", + }, + pink: { + name: "Pink", + primary: "#e91e63", + primaryText: "#000000", + primaryContainer: "#4a0e2f", + secondary: "#f8bbd9", + surface: "#191112", + surfaceText: "#f0dee0", + surfaceVariant: "#524345", + surfaceVariantText: "#d6c2c3", + surfaceTint: "#f8bbd9", + background: "#191112", + backgroundText: "#f0dee0", + outline: "#9f8c8e", + surfaceContainer: "#261d1e", + surfaceContainerHigh: "#312829", + surfaceContainerHighest: "#3c3233", + }, + amber: { + name: "Amber", + primary: "#ffc107", + primaryText: "#000000", + primaryContainer: "#4a3c00", + secondary: "#ffd54f", + surface: "#17130b", + surfaceText: "#ebe1d4", + surfaceVariant: "#4d4639", + surfaceVariantText: "#d0c5b4", + surfaceTint: "#ffd54f", + background: "#17130b", + backgroundText: "#ebe1d4", + outline: "#998f80", + surfaceContainer: "#231f17", + surfaceContainerHigh: "#2e2921", + surfaceContainerHighest: "#39342b", + }, + coral: { + name: "Coral", + primary: "#ffb4ab", + primaryText: "#000000", + primaryContainer: "#8c1d18", + secondary: "#f9dedc", + surface: "#1a1110", + surfaceText: "#f1dedc", + surfaceVariant: "#534341", + surfaceVariantText: "#d8c2bf", + surfaceTint: "#ffb4ab", + background: "#1a1110", + backgroundText: "#f1dedc", + outline: "#a08c8a", + surfaceContainer: "#271d1c", + surfaceContainerHigh: "#322826", + surfaceContainerHighest: "#3d3231", + }, + raveos: { + name: "RaveOS", + primary: "#3d7839", + primaryText: "#ffffff", + primaryContainer: "#1e3c1c", + secondary: "#5c8a58", + surface: "#0e140d", + surfaceText: "#e0e4db", + surfaceVariant: "#40493e", + surfaceVariantText: "#c0c9bc", + surfaceTint: "#5c8a58", + background: "#0e140d", + backgroundText: "#e0e4db", + outline: "#8a9386", + surfaceContainer: "#1a2119", + surfaceContainerHigh: "#242b22", + surfaceContainerHighest: "#2f362d", + }, + monochrome: { + name: "Monochrome", + primary: "#ffffff", + primaryText: "#2b303c", + primaryContainer: "#424753", + secondary: "#c4c6d0", + surface: "#2a2a2a", + surfaceText: "#e4e2e3", + surfaceVariant: "#474648", + surfaceVariantText: "#c8c6c7", + surfaceTint: "#c2c6d6", + background: "#131315", + backgroundText: "#e4e2e3", + outline: "#929092", + surfaceContainer: "#353535", + surfaceContainerHigh: "#424242", + surfaceContainerHighest: "#505050", + error: "#ffb4ab", + warning: "#3f4759", + info: "#595e6c", + matugen_type: "scheme-monochrome", + }, + }, + LIGHT: { + blue: { + name: "Blue Light", + primary: "#1976d2", + primaryText: "#ffffff", + primaryContainer: "#e3f2fd", + secondary: "#42a5f5", + surface: "#f7f9ff", + surfaceText: "#181c20", + surfaceVariant: "#dee3eb", + surfaceVariantText: "#42474e", + surfaceTint: "#1976d2", + background: "#f7f9ff", + backgroundText: "#181c20", + outline: "#72777f", + surfaceContainer: "#eceef4", + surfaceContainerHigh: "#e6e8ee", + surfaceContainerHighest: "#e0e2e8", + }, + purple: { + name: "Purple Light", + primary: "#6750A4", + primaryText: "#ffffff", + primaryContainer: "#EADDFF", + secondary: "#625B71", + surface: "#fef7ff", + surfaceText: "#1d1b20", + surfaceVariant: "#e7e0eb", + surfaceVariantText: "#49454e", + surfaceTint: "#6750A4", + background: "#fef7ff", + backgroundText: "#1d1b20", + outline: "#7a757f", + surfaceContainer: "#f2ecf4", + surfaceContainerHigh: "#ece6ee", + surfaceContainerHighest: "#e6e0e9", + }, + green: { + name: "Green Light", + primary: "#2e7d32", + primaryText: "#ffffff", + primaryContainer: "#e8f5e8", + secondary: "#4caf50", + surface: "#f7fbf1", + surfaceText: "#191d17", + surfaceVariant: "#dee5d8", + surfaceVariantText: "#424940", + surfaceTint: "#2e7d32", + background: "#f7fbf1", + backgroundText: "#191d17", + outline: "#72796f", + surfaceContainer: "#ecefe6", + surfaceContainerHigh: "#e6e9e0", + surfaceContainerHighest: "#e0e4db", + }, + orange: { + name: "Orange Light", + primary: "#e65100", + primaryText: "#ffffff", + primaryContainer: "#ffecb3", + secondary: "#ff9800", + surface: "#fff8f6", + surfaceText: "#221a16", + surfaceVariant: "#f4ded5", + surfaceVariantText: "#52443d", + surfaceTint: "#e65100", + background: "#fff8f6", + backgroundText: "#221a16", + outline: "#85736c", + surfaceContainer: "#fceae3", + surfaceContainerHigh: "#f6e5de", + surfaceContainerHighest: "#f0dfd8", + }, + red: { + name: "Red Light", + primary: "#d32f2f", + primaryText: "#ffffff", + primaryContainer: "#ffebee", + secondary: "#f44336", + surface: "#fff8f7", + surfaceText: "#231918", + surfaceVariant: "#f5ddda", + surfaceVariantText: "#534341", + surfaceTint: "#d32f2f", + background: "#fff8f7", + backgroundText: "#231918", + outline: "#857370", + surfaceContainer: "#fceae7", + surfaceContainerHigh: "#f7e4e1", + surfaceContainerHighest: "#f1dedc", + }, + cyan: { + name: "Cyan Light", + primary: "#0097a7", + primaryText: "#ffffff", + primaryContainer: "#e0f2f1", + secondary: "#00bcd4", + surface: "#f5fafc", + surfaceText: "#171d1e", + surfaceVariant: "#dbe4e6", + surfaceVariantText: "#3f484a", + surfaceTint: "#0097a7", + background: "#f5fafc", + backgroundText: "#171d1e", + outline: "#6f797b", + surfaceContainer: "#e9eff0", + surfaceContainerHigh: "#e3e9eb", + surfaceContainerHighest: "#dee3e5", + }, + pink: { + name: "Pink Light", + primary: "#c2185b", + primaryText: "#ffffff", + primaryContainer: "#fce4ec", + secondary: "#e91e63", + surface: "#fff8f7", + surfaceText: "#22191a", + surfaceVariant: "#f3dddf", + surfaceVariantText: "#524345", + surfaceTint: "#c2185b", + background: "#fff8f7", + backgroundText: "#22191a", + outline: "#847375", + surfaceContainer: "#fbeaeb", + surfaceContainerHigh: "#f5e4e5", + surfaceContainerHighest: "#f0dee0", + }, + amber: { + name: "Amber Light", + primary: "#ff8f00", + primaryText: "#000000", + primaryContainer: "#fff8e1", + secondary: "#ffc107", + surface: "#fff8f2", + surfaceText: "#1f1b13", + surfaceVariant: "#ede1cf", + surfaceVariantText: "#4d4639", + surfaceTint: "#ff8f00", + background: "#fff8f2", + backgroundText: "#1f1b13", + outline: "#7f7667", + surfaceContainer: "#f6ecdf", + surfaceContainerHigh: "#f1e7d9", + surfaceContainerHighest: "#ebe1d4", + }, + coral: { + name: "Coral Light", + primary: "#8c1d18", + primaryText: "#ffffff", + primaryContainer: "#ffdad6", + secondary: "#ff5449", + surface: "#fff8f7", + surfaceText: "#231918", + surfaceVariant: "#f5ddda", + surfaceVariantText: "#534341", + surfaceTint: "#8c1d18", + background: "#fff8f7", + backgroundText: "#231918", + outline: "#857371", + surfaceContainer: "#fceae7", + surfaceContainerHigh: "#f6e4e2", + surfaceContainerHighest: "#f1dedc", + }, + raveos: { + name: "RaveOS Light", + primary: "#3d7839", + primaryText: "#ffffff", + primaryContainer: "#c1e9bb", + secondary: "#3d7839", + surface: "#f7fbf1", + surfaceText: "#191d17", + surfaceVariant: "#dee5d8", + surfaceVariantText: "#424940", + surfaceTint: "#3d7839", + background: "#f7fbf1", + backgroundText: "#191d17", + outline: "#72796f", + surfaceContainer: "#ecefe6", + surfaceContainerHigh: "#e6e9e0", + surfaceContainerHighest: "#e0e4db", + }, + monochrome: { + name: "Monochrome Light", + primary: "#2b303c", + primaryText: "#ffffff", + primaryContainer: "#d6d7dc", + secondary: "#4a4d56", + surface: "#f5f5f6", + surfaceText: "#2a2a2a", + surfaceVariant: "#e0e0e2", + surfaceVariantText: "#424242", + surfaceTint: "#5a5f6e", + background: "#ffffff", + backgroundText: "#1a1a1a", + outline: "#757577", + surfaceContainer: "#e8e8ea", + surfaceContainerHigh: "#dcdcde", + surfaceContainerHighest: "#d0d0d2", + error: "#ba1a1a", + warning: "#f9e79f", + info: "#5d6475", + matugen_type: "scheme-monochrome", + }, + }, +}; + +const ThemeCategories = { + GENERIC: { + name: "Generic", + variants: [ + "raveos", + "blue", + "purple", + "green", + "orange", + "red", + "cyan", + "pink", + "amber", + "coral", + "monochrome", + ], + }, +}; + +const ThemeNames = { + RAVEOS: "raveos", + BLUE: "blue", + PURPLE: "purple", + GREEN: "green", + ORANGE: "orange", + RED: "red", + CYAN: "cyan", + PINK: "pink", + AMBER: "amber", + CORAL: "coral", + MONOCHROME: "monochrome", + DYNAMIC: "dynamic", +}; + +function isStockTheme(themeName) { + return Object.keys(StockThemes.DARK).includes(themeName); +} + +function getAvailableThemes(isLight = false) { + return isLight ? StockThemes.LIGHT : StockThemes.DARK; +} + +function getThemeByName(themeName, isLight = false) { + const themes = getAvailableThemes(isLight); + return themes[themeName] || themes.blue; +} + +function getAllThemeNames() { + return Object.keys(StockThemes.DARK); +} + +function getThemeCategories() { + return ThemeCategories; +} |