@floegence/floe-webapp-core 0.86.45 → 0.86.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/chat/blocks/MarkdownMedia.d.ts +2 -0
- package/dist/components/chat/blocks/MarkdownMedia.js +187 -171
- package/dist/styles/themes/presets.d.ts +17 -2
- package/dist/styles/themes/presets.js +95 -7
- package/dist/styles.css +1 -1
- package/dist/themes/shell-presets.generated.css +154 -0
- package/package.json +1 -1
|
@@ -81,6 +81,83 @@
|
|
|
81
81
|
--floe-file-icon-success: oklch(0.68 0.16 150);
|
|
82
82
|
--floe-file-icon-error: oklch(0.65 0.2 25);
|
|
83
83
|
}
|
|
84
|
+
:root[data-floe-shell-theme='cloud-white'] {
|
|
85
|
+
--floe-window-background: color-mix(in srgb, var(--card) 35%, white);
|
|
86
|
+
--floe-window-foreground: var(--foreground);
|
|
87
|
+
--floe-window-muted-foreground: var(--muted-foreground);
|
|
88
|
+
--floe-window-titlebar-background: color-mix(in srgb, var(--floe-window-background) 92%, var(--foreground));
|
|
89
|
+
--floe-window-border: color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground));
|
|
90
|
+
--floe-window-shadow: 0 1px 3px rgb(0 0 0 / 14%), 0 12px 28px -8px rgb(0 0 0 / 18%);
|
|
91
|
+
--background: #ffffff;
|
|
92
|
+
--foreground: #30343b;
|
|
93
|
+
--inline-code-foreground: #365fc0;
|
|
94
|
+
--inline-code-background: #f6f7f9;
|
|
95
|
+
--primary: #365fc0;
|
|
96
|
+
--primary-foreground: #ffffff;
|
|
97
|
+
--secondary: #f6f7f9;
|
|
98
|
+
--secondary-foreground: #30343b;
|
|
99
|
+
--muted: #f6f7f9;
|
|
100
|
+
--muted-foreground: #666d79;
|
|
101
|
+
--accent: #eaf0fb;
|
|
102
|
+
--accent-foreground: #30343b;
|
|
103
|
+
--border: #e3e6eb;
|
|
104
|
+
--input: #8a919b;
|
|
105
|
+
--ring: #365fc0;
|
|
106
|
+
--chrome-border: #e3e6eb;
|
|
107
|
+
--top-bar-border: #e3e6eb;
|
|
108
|
+
--activity-bar-border: #e3e6eb;
|
|
109
|
+
--bottom-bar-border: #e3e6eb;
|
|
110
|
+
--terminal-panel-border: #e3e6eb;
|
|
111
|
+
--card: #ffffff;
|
|
112
|
+
--card-foreground: #30343b;
|
|
113
|
+
--popover: #ffffff;
|
|
114
|
+
--popover-foreground: #30343b;
|
|
115
|
+
--success: #317456;
|
|
116
|
+
--success-foreground: #ffffff;
|
|
117
|
+
--warning: #8a641d;
|
|
118
|
+
--warning-foreground: #ffffff;
|
|
119
|
+
--error: #b34751;
|
|
120
|
+
--error-foreground: #ffffff;
|
|
121
|
+
--info: #365fc0;
|
|
122
|
+
--info-foreground: #ffffff;
|
|
123
|
+
--highlight-block-info-accent: #365fc0;
|
|
124
|
+
--highlight-block-warning-accent: #8a641d;
|
|
125
|
+
--highlight-block-success-accent: #317456;
|
|
126
|
+
--highlight-block-error-accent: #b34751;
|
|
127
|
+
--highlight-block-note-accent: #7b51a0;
|
|
128
|
+
--highlight-block-tip-accent: #287b83;
|
|
129
|
+
--sidebar: #fafbfc;
|
|
130
|
+
--sidebar-foreground: #30343b;
|
|
131
|
+
--sidebar-primary: #365fc0;
|
|
132
|
+
--sidebar-primary-foreground: #ffffff;
|
|
133
|
+
--sidebar-accent: #eaf0fb;
|
|
134
|
+
--sidebar-accent-foreground: #30343b;
|
|
135
|
+
--sidebar-border: #e3e6eb;
|
|
136
|
+
--sidebar-ring: #365fc0;
|
|
137
|
+
--activity-bar: #fafbfc;
|
|
138
|
+
--activity-bar-foreground: #666d79;
|
|
139
|
+
--activity-bar-foreground-active: #30343b;
|
|
140
|
+
--activity-bar-badge: #365fc0;
|
|
141
|
+
--activity-bar-badge-foreground: #ffffff;
|
|
142
|
+
--terminal-background: #ffffff;
|
|
143
|
+
--terminal-foreground: #30343b;
|
|
144
|
+
--chart-1: #365fc0;
|
|
145
|
+
--chart-2: #317456;
|
|
146
|
+
--chart-3: #7b51a0;
|
|
147
|
+
--chart-4: #8a641d;
|
|
148
|
+
--chart-5: #246f96;
|
|
149
|
+
--selection-bg: #365fc0;
|
|
150
|
+
--selection-fg: #ffffff;
|
|
151
|
+
--selection-on-primary-bg: #f4c95d;
|
|
152
|
+
--selection-on-primary-fg: #243447;
|
|
153
|
+
--selection-code-bg: #58a6ff;
|
|
154
|
+
--selection-code-fg: #08111d;
|
|
155
|
+
--glow: #365fc0;
|
|
156
|
+
--floe-progress-text-base: rgb(19 22 28);
|
|
157
|
+
--floe-progress-text-peak: rgb(106 107 111);
|
|
158
|
+
--floe-progress-primary-base: rgb(35 61 124);
|
|
159
|
+
--floe-progress-primary-white-mix: 28.0%;
|
|
160
|
+
}
|
|
84
161
|
:root[data-floe-shell-theme='paper'] {
|
|
85
162
|
--floe-window-background: color-mix(in srgb, var(--card) 35%, white);
|
|
86
163
|
--floe-window-foreground: var(--foreground);
|
|
@@ -928,6 +1005,83 @@
|
|
|
928
1005
|
--floe-progress-primary-base: rgb(220 219 215);
|
|
929
1006
|
--floe-progress-primary-white-mix: 96.0%;
|
|
930
1007
|
}
|
|
1008
|
+
:root[data-floe-shell-theme='soft-black'] {
|
|
1009
|
+
--floe-window-background: var(--card);
|
|
1010
|
+
--floe-window-foreground: var(--foreground);
|
|
1011
|
+
--floe-window-muted-foreground: color-mix(in srgb, var(--muted-foreground) 72%, var(--foreground));
|
|
1012
|
+
--floe-window-titlebar-background: color-mix(in srgb, var(--card) 95%, var(--foreground));
|
|
1013
|
+
--floe-window-border: color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground));
|
|
1014
|
+
--floe-window-shadow: 0 1px 3px rgb(0 0 0 / 30%), 0 12px 28px -8px rgb(0 0 0 / 32%);
|
|
1015
|
+
--background: #09090b;
|
|
1016
|
+
--foreground: #c6c5c1;
|
|
1017
|
+
--inline-code-foreground: #e2b766;
|
|
1018
|
+
--inline-code-background: #1b1915;
|
|
1019
|
+
--primary: #9aaed3;
|
|
1020
|
+
--primary-foreground: #111722;
|
|
1021
|
+
--secondary: #17181b;
|
|
1022
|
+
--secondary-foreground: #c6c5c1;
|
|
1023
|
+
--muted: #17181b;
|
|
1024
|
+
--muted-foreground: #96979d;
|
|
1025
|
+
--accent: #1c2432;
|
|
1026
|
+
--accent-foreground: #c6c5c1;
|
|
1027
|
+
--border: #292b30;
|
|
1028
|
+
--input: #666971;
|
|
1029
|
+
--ring: #9aaed3;
|
|
1030
|
+
--chrome-border: #292b30;
|
|
1031
|
+
--top-bar-border: #292b30;
|
|
1032
|
+
--activity-bar-border: #292b30;
|
|
1033
|
+
--bottom-bar-border: #292b30;
|
|
1034
|
+
--terminal-panel-border: #292b30;
|
|
1035
|
+
--card: #101113;
|
|
1036
|
+
--card-foreground: #c6c5c1;
|
|
1037
|
+
--popover: #101113;
|
|
1038
|
+
--popover-foreground: #c6c5c1;
|
|
1039
|
+
--success: #91b39b;
|
|
1040
|
+
--success-foreground: #07160e;
|
|
1041
|
+
--warning: #c8b28a;
|
|
1042
|
+
--warning-foreground: #1b1405;
|
|
1043
|
+
--error: #d29292;
|
|
1044
|
+
--error-foreground: #210706;
|
|
1045
|
+
--info: #9aaed3;
|
|
1046
|
+
--info-foreground: #061321;
|
|
1047
|
+
--highlight-block-info-accent: #9aaed3;
|
|
1048
|
+
--highlight-block-warning-accent: #c8b28a;
|
|
1049
|
+
--highlight-block-success-accent: #91b39b;
|
|
1050
|
+
--highlight-block-error-accent: #d29292;
|
|
1051
|
+
--highlight-block-note-accent: #b5a1ca;
|
|
1052
|
+
--highlight-block-tip-accent: #84b6bd;
|
|
1053
|
+
--sidebar: #0d0e10;
|
|
1054
|
+
--sidebar-foreground: #c6c5c1;
|
|
1055
|
+
--sidebar-primary: #9aaed3;
|
|
1056
|
+
--sidebar-primary-foreground: #111722;
|
|
1057
|
+
--sidebar-accent: #1c2432;
|
|
1058
|
+
--sidebar-accent-foreground: #c6c5c1;
|
|
1059
|
+
--sidebar-border: #292b30;
|
|
1060
|
+
--sidebar-ring: #9aaed3;
|
|
1061
|
+
--activity-bar: #0d0e10;
|
|
1062
|
+
--activity-bar-foreground: #96979d;
|
|
1063
|
+
--activity-bar-foreground-active: #c6c5c1;
|
|
1064
|
+
--activity-bar-badge: #9aaed3;
|
|
1065
|
+
--activity-bar-badge-foreground: #111722;
|
|
1066
|
+
--terminal-background: #09090b;
|
|
1067
|
+
--terminal-foreground: #c6c5c1;
|
|
1068
|
+
--chart-1: #9aaed3;
|
|
1069
|
+
--chart-2: #91b39b;
|
|
1070
|
+
--chart-3: #c594c8;
|
|
1071
|
+
--chart-4: #d0b07b;
|
|
1072
|
+
--chart-5: #6db8d2;
|
|
1073
|
+
--selection-bg: #38445c;
|
|
1074
|
+
--selection-fg: #deddd8;
|
|
1075
|
+
--selection-on-primary-bg: #09090b;
|
|
1076
|
+
--selection-on-primary-fg: #c6c5c1;
|
|
1077
|
+
--selection-code-bg: #58a6ff;
|
|
1078
|
+
--selection-code-fg: #08111d;
|
|
1079
|
+
--glow: #38445c;
|
|
1080
|
+
--floe-progress-text-base: rgb(156 155 151);
|
|
1081
|
+
--floe-progress-text-peak: rgb(255 255 255);
|
|
1082
|
+
--floe-progress-primary-base: rgb(154 174 211);
|
|
1083
|
+
--floe-progress-primary-white-mix: 40.5%;
|
|
1084
|
+
}
|
|
931
1085
|
:root[data-floe-shell-theme='ink'] {
|
|
932
1086
|
--floe-window-background: color-mix(in srgb, var(--card) 90%, white);
|
|
933
1087
|
--floe-window-foreground: var(--foreground);
|