bref-ui-themes 1.0.0 → 1.0.1
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/README.md +39 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,16 +1,35 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Bref-ui themes
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
Ready-to-use themes for [Bref-ui](https://github.com/feuersteiner/bref-ui), built
|
|
4
|
+
with Svelte 5, native HTML and scoped CSS. Pick a visual style and compose familiar
|
|
5
|
+
Bref components through a dedicated theme entry point.
|
|
5
6
|
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
[](https://www.npmjs.com/package/bref-ui-themes)
|
|
8
|
+
[](https://discord.gg/JpgQRTUsVS)
|
|
9
|
+
[](https://github.com/feuersteiner/bref-ui/blob/main/LICENSE)
|
|
10
|
+
|
|
11
|
+
Explore the [theme galleries](https://feuersteiner.github.io/bref-ui/themes) for
|
|
12
|
+
component examples and interaction states, or browse the
|
|
13
|
+
[Bref-ui documentation](https://feuersteiner.github.io/bref-ui/).
|
|
8
14
|
|
|
9
15
|
https://github.com/user-attachments/assets/3326a5c3-0573-4b40-bb8e-9a10da1fd6ac
|
|
10
16
|
|
|
11
|
-
See New Paris, VS Code and Glassy in action. The
|
|
17
|
+
See New Paris, VS Code and Glassy in action. The
|
|
18
|
+
[video app and storyboard](https://github.com/feuersteiner/bref-ui/tree/main/video-demo)
|
|
12
19
|
are part of this repository.
|
|
13
20
|
|
|
21
|
+
## Available themes
|
|
22
|
+
|
|
23
|
+
| Theme | Style | Import |
|
|
24
|
+
| -------------------------------------------------------------------------- | ----------------------------------------------- | ----------------------------- |
|
|
25
|
+
| [New Paris](https://feuersteiner.github.io/bref-ui/themes/new-paris) | Black and ivory, serif headings, paper overlays | `bref-ui-themes/new-paris` |
|
|
26
|
+
| [Glassy](https://feuersteiner.github.io/bref-ui/themes/glassy) | Translucent controls and frosted overlays | `bref-ui-themes/glassy` |
|
|
27
|
+
| [Crystal Code](https://feuersteiner.github.io/bref-ui/themes/crystal-code) | Light and dark frosted workbench | `bref-ui-themes/crystal-code` |
|
|
28
|
+
| [VS Code](https://feuersteiner.github.io/bref-ui/themes/vscode) | Fixed-dark workbench | `bref-ui-themes/vscode` |
|
|
29
|
+
|
|
30
|
+
Each entry point exports twenty components, including `Theme`, `Button`, form
|
|
31
|
+
controls, overlays and navigation. Importing one theme does not load the others.
|
|
32
|
+
|
|
14
33
|
## Installation
|
|
15
34
|
|
|
16
35
|
Install [bref-ui-themes from npm](https://www.npmjs.com/package/bref-ui-themes) in a Svelte 5 app:
|
|
@@ -132,3 +151,17 @@ Material Symbols icons load automatically with Theme. Text uses system fonts, so
|
|
|
132
151
|
no custom text font installation is required.
|
|
133
152
|
|
|
134
153
|
The gallery uses the same public package exports at `/themes/vscode`.
|
|
154
|
+
|
|
155
|
+
## Community and contributing
|
|
156
|
+
|
|
157
|
+
Join [Discord](https://discord.gg/JpgQRTUsVS) and use the `bref-ui` channel for
|
|
158
|
+
questions and examples. Report bugs and suggest themes through
|
|
159
|
+
[GitHub Issues](https://github.com/feuersteiner/bref-ui/issues).
|
|
160
|
+
|
|
161
|
+
This package lives in the [Bref-ui monorepo](https://github.com/feuersteiner/bref-ui/tree/main/themes).
|
|
162
|
+
See [CONTRIBUTING.md](https://github.com/feuersteiner/bref-ui/blob/main/CONTRIBUTING.md)
|
|
163
|
+
for contribution guidelines.
|
|
164
|
+
|
|
165
|
+
## License
|
|
166
|
+
|
|
167
|
+
[MIT](https://github.com/feuersteiner/bref-ui/blob/main/LICENSE).
|