Commit Graph

77 Commits

Author SHA1 Message Date
mkpaz
0b1bdf0bb2 Flatten Nord theme colors 2022-10-06 13:52:42 +04:00
mkpaz
8af9bdfc7f Add subtle text style support 2022-10-06 13:00:09 +04:00
mkpaz
3aad8ffbea Improve HTMLEditor sample
- Use global bg/fg colors and font
- Fix toolbar icons with explanation
- Support switching between themes
2022-10-06 08:47:56 +04:00
mkpaz
2977aaca66 Rewrite Breadcrumbs for more customization
This is breaking change which also significantly improves control API. It introduces divider factory and makes possible to use hyperlinks as control items.
2022-10-05 21:24:40 +04:00
mkpaz
71ea3aac8b Add dense style support for TabPane 2022-10-05 15:03:08 +04:00
mkpaz
dec8b80781 Add alt icon and dense style support for TitledPane 2022-10-05 13:31:33 +04:00
mkpaz
cbde1de246 Add alt icon support for TreeView disclosure node
Also introduce a color variable and tone down disclosure node color.
2022-10-05 12:51:13 +04:00
CodeDead
aa294eb773
Code refactoring and bugfixes (#13)
* Popover: fixed a bug that a node value was not being set
* PlatformUtils: fixed a bug that MacOS can be an OS with name darwin
* Optimized switch statements
* Code formatting and cleanup
* Removed unused imports
* Reformat markdown tables
* Use try-with-resources
* Improve Javadoc
* Enforce Git compliance
* Better NPE error messages
* Fixed spelling errors
2022-10-05 09:05:18 +04:00
mkpaz
5b2b75cd64 Add input group support for Label 2022-10-04 21:41:50 +04:00
mkpaz
cc3cd4a391 Improve control and widget samples 2022-10-04 20:52:08 +04:00
mkpaz
1c4c6a5232 Add RingProgressIndicator control 2022-10-03 16:32:03 +04:00
mkpaz
2716cca2a0 Improve Nord theme
Redesign slider and pagination to rectangular form.
2022-09-30 17:20:02 +04:00
mkpaz
1286854da5 Minor UI improvements 2022-09-30 14:35:29 +04:00
mkpaz
ef930a7907 Improve slider
- Add control skin to support changing progress color
- Implement control size support (small, medium, large)
2022-09-30 13:33:53 +04:00
mkpaz
a295fd799c Improve date picker
- Support adding top/bottom node to embed custom user widgets
- Move prev/next arrows to the right side
- Add clock example
- Add show/hide header example
- Fix unreadable next month today fg color
2022-09-29 16:21:24 +04:00
mkpaz
54ae621bed Fix font family chooser 2022-09-29 13:18:49 +04:00
mkpaz
bfa3eeadc6 Improve button style
- Use opacity for hover effect
- Add color transition for focused effect
- Add separate hover effect for SplitMenuButton arrow
- Add button color customization example
2022-09-29 13:03:13 +04:00
mkpaz
ed847d5abd Add search keywords for widgets 2022-09-28 20:20:22 +04:00
mkpaz
a71ed61b22 Add CSS elevation helpers 2022-09-28 20:14:54 +04:00
mkpaz
a238eb62e4 Improve sample block title style 2022-09-28 16:27:12 +04:00
mkpaz
455dad1076 Add text field size support 2022-09-28 14:51:04 +04:00
mkpaz
881aefcdb5 Add button size support 2022-09-28 14:26:18 +04:00
mkpaz
8489106717 Add widgets showcase
Includes additional showcase page for widgets and examples how to implement some conventional controls: card, message, stepper and tag. More widgets can be added in the future.
2022-09-28 11:30:57 +04:00
mkpaz
012dcdd950 Add exception dialog 2022-09-26 14:09:58 +04:00
mkpaz
78a3299d4b Update project icon and add logo 2022-09-26 13:40:41 +04:00
mkpaz
79a9a9cfc2 Improve samples visual design 2022-09-22 19:19:43 +04:00
mkpaz
978577dc6a Improve Sampler layout
- Refactor to MVVM.
- Add fancy top bar.
- Add keyboard navigation for sidebar.
- Add hotkeys support.
2022-09-20 21:12:34 +04:00
mkpaz
1c46a7a5d5 Add UI dev mode indicator 2022-09-17 19:48:29 +04:00
mkpaz
9fe8cbde8a Add external themes support 2022-09-17 13:39:44 +04:00
mkpaz
a65ea977c0 Fix flat breadcrumb paddings 2022-09-14 16:04:13 +04:00
mkpaz
0a88c262c4 Add support of rounded style for TextField and Button 2022-09-13 16:02:17 +04:00
mkpaz
4bfa40e844 Refactor SCSS variable names for better readability 2022-09-13 14:40:40 +04:00
mkpaz
38a5d73a3b Expose Hyperlink looked-up color variables 2022-09-12 20:03:17 +04:00
mkpaz
465f199911 Expose TextField and TextArea looked-up color variables 2022-09-12 19:55:52 +04:00
mkpaz
0a0949af66 Expose ProgressBar looked-up color variables 2022-09-12 16:31:48 +04:00
mkpaz
d4bd2315bc Bump project version 2022-09-06 09:20:19 +04:00
mkpaz
63ec0cc2c5 Rename color selector style class 2022-09-06 09:09:44 +04:00
mkpaz
3d88ea0805 Expose Slider looked-up color variables 2022-09-05 15:48:20 +04:00
mkpaz
90fbbd35c6 Expose SplitPane looked-up color variables 2022-09-05 14:53:31 +04:00
mkpaz
2990b52033 Expose DatePicker looked-up color variables
Also add example of dynamic date picker color changing
2022-09-05 14:33:15 +04:00
mkpaz
0f3b2d4aac Add line numbers to source code viewer 2022-09-05 11:54:01 +04:00
mkpaz
430e1d13b2 Add context menu to copy color values from the contrast checker 2022-09-05 11:07:23 +04:00
mkpaz
67ab5456f2 Add tweak to apply different arrow button to combo boxes 2022-09-05 10:24:58 +04:00
mkpaz
b8c5acae03 Add tweak to align table columns 2022-09-05 10:08:00 +04:00
mkpaz
b50dd57f75 Add edge-to-edge tweak
Supposed to be used when component is placed within another control that already provides external borders. Should not be confused with 'no-border' style. Some controls in the 'edge-to-edge' mode still need a border, e.g. toolbar always needs the bottom border.
2022-09-05 08:50:13 +04:00
mkpaz
5b8f5ddd36 Improve Music Player showcase
Major visual lift-up
2022-09-04 19:48:32 +04:00
mkpaz
9a59e25ec1 Refactor changing accent color via pseudo classes 2022-09-03 21:42:59 +04:00
mkpaz
c102d25196 Rename color scale variables
The main problem of the old approach is that variables which contain real color
name (blue, green, red) were exposed as looked-up colors. This is because
GitHub Primer only specifies four functional variables for each color
(foreground, emphasis, muted and subtle) and only three of them can be used as
background color, which is clearly not enough to create hover, pressed or other
color effects. So, we can either use dynamic color modification functions,
which can lead to less predictable results, or use colors from the predefined
color palette, or create a bunch of the ugly named color variables for every
combination (`-color-accent-muted-hover`, `-color-accent-subtle-hover` and so
on) for general purposes.

Still, it worked fine until changing accent color feature wasn't implemented.
To fully change accent or any other color, one should change not only the
functional variables, but also the corresponding color scale, which is
responsible for background effects. As an outcome, if we change the accent
color to purple, we end-up with `-color-accent-emphasis` which is purple and
`-color-blue-5`which is also purple. That's just confusing.

This commit resolves this by renaming all color scale stuff to functional
variables. So, `-color-blue-*` becomes `-color-accent-*` and so on, and this
long explanation supposed to serve as a reminder that nothing is perfect and
this is just another trade-off example.
2022-09-03 20:24:09 +04:00
mkpaz
7c979a9025 Improve File Manager showcase
Major visual lift-up including file icons (thanks to the Papirus icon pack)
2022-09-03 16:47:01 +04:00
mkpaz
dd1a8f6452 Add tweak rule to hide MenuButton dropdown arrow 2022-09-02 21:08:28 +04:00