Rework HBox-based pages and account settings
- Refactor everything about HBox, and adapt all the pages and popups that used it - Replace HTabContainer by HTabbedBox - Make boxes swippable - Make esc presses in boxes click the cancel button - Make all boxes and popups scrollable when needed - Replace generic apply button icons in popups - Fix tab focus for error and invite popups - Rework (still WIP) the account settings page: - Use the standard tabbed design of other pages - Ditch the horizontal profile layout, hacky and impossible to extend - Add real-time coloring for the display name field - Implement a device list in account settings (Sessions, still WIP)
This commit is contained in:
@@ -66,9 +66,10 @@ colors:
|
||||
color halfDimText: hsluv(0, 0, intensity * 72)
|
||||
color dimText: hsluv(0, 0, intensity * 60)
|
||||
|
||||
color warningText: hsluv(60, coloredTextSaturation, coloredTextIntensity)
|
||||
color errorText: hsluv(0, coloredTextSaturation, coloredTextIntensity)
|
||||
color accentText: hsluv(hue, coloredTextSaturation, coloredTextIntensity)
|
||||
color positiveText: hsluv(155, coloredTextSaturation, coloredTextIntensity)
|
||||
color warningText: hsluv(60, coloredTextSaturation, coloredTextIntensity)
|
||||
color errorText: hsluv(0, coloredTextSaturation, coloredTextIntensity)
|
||||
color accentText: hsluv(hue, coloredTextSaturation, coloredTextIntensity)
|
||||
|
||||
color link: hsluv(hue, coloredTextSaturation, coloredTextIntensity)
|
||||
color code: hsluv(hue + 10, coloredTextSaturation, coloredTextIntensity)
|
||||
|
@@ -69,9 +69,10 @@ colors:
|
||||
color halfDimText: hsluv(0, 0, intensity * 72)
|
||||
color dimText: hsluv(0, 0, intensity * 60)
|
||||
|
||||
color warningText: hsluv(60, coloredTextSaturation, coloredTextIntensity)
|
||||
color errorText: hsluv(0, coloredTextSaturation, coloredTextIntensity)
|
||||
color accentText: hsluv(hue, coloredTextSaturation, coloredTextIntensity)
|
||||
color positiveText: hsluv(155, coloredTextSaturation, coloredTextIntensity)
|
||||
color warningText: hsluv(60, coloredTextSaturation, coloredTextIntensity)
|
||||
color errorText: hsluv(0, coloredTextSaturation, coloredTextIntensity)
|
||||
color accentText: hsluv(hue, coloredTextSaturation, coloredTextIntensity)
|
||||
|
||||
color link: hsluv(hue, coloredTextSaturation, coloredTextIntensity)
|
||||
color code: hsluv(hue + 10, coloredTextSaturation, coloredTextIntensity)
|
||||
|
Reference in New Issue
Block a user