diff --git a/apps/production/custom-configs/element-values.yaml b/apps/production/custom-configs/element-values.yaml index 11bd264..22b93d0 100644 --- a/apps/production/custom-configs/element-values.yaml +++ b/apps/production/custom-configs/element-values.yaml @@ -26,6 +26,79 @@ data: "secondary-color": "#ffaf0f" } }, + { + "name": "Deep Purple", + "is_dark": true, + "colors": { + "accent-color": "#6503b3", + "primary-color": "#368bd6", + "warning-color": "#b30356", + "sidebar-color": "#15171B", + "roomlist-background-color": "#22262E", + "roomlist-text-color": "#A1B2D1", + "roomlist-text-secondary-color": "#EDF3FF", + "roomlist-highlights-color": "#343A46", + "roomlist-separator-color": "#a1b2d1", + "timeline-background-color": "#181b21", + "timeline-text-color": "#EDF3FF", + "timeline-text-secondary-color": "#A1B2D1", + "timeline-highlights-color": "#22262E" + } + }, + { + "name": "Discord Dark", + "is_dark": true, + "colors": { + "accent-color": "#747ff4", + "accent": "#747ff4", + "primary-color": "#00aff4", + "warning-color": "#faa81ad9", + "alert": "#faa81ad9", + "sidebar-color": "#202225", + "roomlist-background-color": "#2f3136", + "roomlist-text-color": "#dcddde", + "roomlist-text-secondary-color": "#8e9297", + "roomlist-highlights-color": "#4f545c52", + "roomlist-separator-color": "#40444b", + "timeline-background-color": "#36393f", + "timeline-text-color": "#dcddde", + "secondary-content": "#dcddde", + "tertiary-content": "#dcddde", + "timeline-text-secondary-color": "#b9bbbe", + "timeline-highlights-color": "#04040512", + "reaction-row-button-selected-bg-color": "#4752c4", + "menu-selected-color": "#4752c4", + "focus-bg-color": "#4752c4", + "room-highlight-color": "#4752c4", + "other-user-pill-bg-color": "#4752c4", + "togglesw-off-color": "#72767d" + }, + "compound": { + "--cpd-color-theme-bg": "#0019ff", + "--cpd-color-bg-canvas-default": "#2f3136", + "--cpd-color-bg-subtle-secondary": "#2f3136", + "--cpd-color-bg-subtle-primary": "#4f545c52", + "--cpd-color-bg-action-primary-rest": "#dcddde", + "--cpd-color-bg-action-secondary-rest": "#2f3136", + "--cpd-color-bg-critical-primary": "#fd3f3c", + "--cpd-color-bg-critical-subtle": "#745862", + "--cpd-color-bg-critical-hovered": "#fd3f3c", + "--cpd-color-bg-accent-rest": "#4cb387", + "--cpd-color-text-primary": "#dcddde", + "--cpd-color-text-secondary": "#b9bbbe", + "--cpd-color-text-action-accent": "#b9bbbe", + "--cpd-color-text-critical-primary": "#fd3f3c", + "--cpd-color-text-success-primary": "#4cb387", + "--cpd-color-icon-primary": "#dcddde", + "--cpd-color-icon-secondary": "#dcddde", + "--cpd-color-icon-tertiary": "#a7a0a7", + "--cpd-color-icon-accent-tertiary": "#4cb387", + "--cpd-color-border-interactive-primary": "#5d6064", + "--cpd-color-border-interactive-secondary": "#5d6064", + "--cpd-color-border-critical-primary": "#fd3f3c", + "--cpd-color-border-success-subtle": "#4cb387" + } + }, { "name": "Electric Blue", "is_dark": false, @@ -52,22 +125,95 @@ data: } }, { - "name": "Deep Purple", + "name": "Everforest dark hard", "is_dark": true, "colors": { - "accent-color": "#6503b3", - "primary-color": "#368bd6", - "warning-color": "#b30356", - "sidebar-color": "#15171B", - "roomlist-background-color": "#22262E", - "roomlist-text-color": "#A1B2D1", - "roomlist-text-secondary-color": "#EDF3FF", - "roomlist-highlights-color": "#343A46", - "roomlist-separator-color": "#a1b2d1", - "timeline-background-color": "#181b21", - "timeline-text-color": "#EDF3FF", - "timeline-text-secondary-color": "#A1B2D1", - "timeline-highlights-color": "#22262E" + "accent-color": "#a7c080", + "primary-color": "#a7c080", + "warning-color": "#e67e80", + "sidebar-color": "#323d43", + "roomlist-background-color": "#2f383e", + "roomlist-text-color": "#d3c6aa", + "roomlist-text-secondary-color": "#d3c6aa", + "roomlist-highlights-color": "#4b565c", + "roomlist-separator-color": "#4b565c", + "timeline-background-color": "#2b3339", + "timeline-text-color": "#d3c6aa", + "secondary-content": "#d3c6aa", + "tertiary-content": "#d3c6aa", + "timeline-text-secondary-color": "#a7c080", + "timeline-highlights-color": "#4b565c", + "reaction-row-button-selected-bg-color": "#4b565c" + } + }, + { + "name": "Gruvbox Dark", + "is_dark": true, + "colors": { + "accent-color": "#bd93f9", + "primary-color": "#fe8019", + "warning-color": "#fb4934", + "sidebar-color": "#282828", + "roomlist-background-color": "#1d2021", + "roomlist-text-color": "#a89984", + "roomlist-text-secondary-color": "#00ff00", + "roomlist-highlights-color": "#00000030", + "roomlist-separator-color": "#4d4d4d90", + "timeline-background-color": "#282828", + "timeline-text-color": "#ebdbb2", + "secondary-content": "#928374", + "tertiary-content": "#928374", + "quinary-content": "#504945", + "timeline-text-secondary-color": "#a89984", + "timeline-highlights-color": "#00000030", + "reaction-row-button-selected-bg-color": "#689d6a", + "menu-selected-color": "#504945", + "icon-button-color": "#928374", + "accent": "#689d6a", + "alert": "#cc241d", + "username-colors": [ + "#cc241d", + "#98971a", + "#d79921", + "#458588", + "#b16286", + "#689d6a", + "#a89984", + "#d65d0e" + ], + "avatar-background-colors": ["#458588", "#b16286", "#689d6a"] + } + }, + { + "name": "Wal", + "is_dark": true, + "colors": { + "accent-color": "#888888", + "accent": "#888888", + "primary-color": "#4a90e2", + "warning-color": "#e74c3c", + "alert": "#e74c3c", + "sidebar-color": "#2b2d31", + "roomlist-background-color": "#e74c3c", + "roomlist-text-color": "#888888", + "roomlist-text-secondary-color": "#c0c0c0", + "roomlist-highlights-color": "#b8b8b8", + "roomlist-separator-color": "#5e81ac", + "timeline-background-color": "#2b2d31", + "timeline-text-color": "#888888", + "timeline-text-secondary-color": "#888888", + "timeline-highlights-color": "#e74c3c", + "username-colors": ["#22222a", "#e74c3c", "#b8bb26", "#fabd2f", "#4a90e2", "#b16286", "#8ec07c", "#ebdbb2"], + "avatar-background-colors": ["#fabd2f", "#4a90e2", "#b16286"], + "reaction-row-button-selected-bg-color": "#4a90e2", + "menu-selected-color": "#4a90e2", + "focus-bg-color": "#4a90e2", + "room-highlight-color": "#4a90e2", + "other-user-pill-bg-color": "#4a90e2", + "icon-button-color": "#8ec07c", + "togglesw-off-color": "#4a90e2", + "secondary-content": "#888888", + "tertiary-content": "#888888" } } ]