71d8946641
Color cleanup number 7 ( #7094 )
...
* $reaction-row-button-selected-border-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $reaction-row-button-bg-color -> $header-panel-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $room-warning-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $button-link-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $tab-label-icon-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $tab-label-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $event-redacted-border-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $event-redacted-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $panel-divider-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $search-placeholder-color -> #61708b
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $search-bg-color -> #181b21
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $header-panel-border-color -> #000000
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $scrollbar-track-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $eventbubble-avatar-outline -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-10 09:46:33 +00:00
07d9e93d67
Color cleanup number six ( #7050 )
...
* Remove $voip-decline-color and $voip-accept-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $dialog-background-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $mention-user-pill-bg-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $plinth-bg-color -> $secondary-accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-lighter-fg-color -> $input-darker-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-valid-border-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-invalid-border-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $avatar-bg-color -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $preview-widget-fg-color -> $greyed-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $settings-profile-button-fg-color -> $settings-profile-overlay-placeholder-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $presence-online -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $pinned-unread-color -> $notice-primary-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $event-highlight-fg-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $tab-label-active-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-primary-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-danger-bg-color -> $notice-primary-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-link-fg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $togglesw-on-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $slider-selection-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $progressbar-fg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $authpage-body-bg-color -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix merge issue
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix second merge issue
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-08 11:50:53 +00:00
9c8e1d32e2
Rename mx_RadioButton to mx_StyledRadioButton to match class name ( #7083 )
2021-11-04 12:57:38 +00:00
68b64564c0
Respect the system high contrast setting when using system theme ( #7043 )
...
* Respect the system high contrast setting when using system theme
* Restore correct behaviour of getEffectiveTheme
2021-10-28 13:01:50 +01:00
abbc39cdec
Add a high contrast theme (a variant of the light theme) ( #7036 )
...
* Enable choosing a high contrast variant of the Light theme
* Updates to high contrast theme to match design and show focus
* Adjust the outline-offset to match designs
* Don't draw an outline around the active tab
* Prevent cropping of outlines on buttons
* Use the correct colour for links
* Change light grey text to be darker in high contrast theme
* Use a darker text colour in admin panel
* Adjust background colours of back button and font slider
2021-10-27 14:31:54 +01:00
166fba6428
Improve the appearance of the font size slider ( #7038 )
2021-10-26 13:29:02 +01:00
70606ffff6
Replace all uses of notice-primary-color with the correct alert colour ( #7010 )
2021-10-25 10:32:38 +01:00
0ba24ec14f
I shall be murdered by design people for this ( #6384 )
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-22 21:32:45 -06:00
1f5d8a95e6
First draft of light-high-contrast theme ( #7009 )
2021-10-22 15:18:49 +01:00
459f3661cf
Add a few fallback colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:56:02 +02:00
6693ec3401
Reorder things to make it work
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:54:23 +02:00
a3cde0e5e6
$voice-record-waveform-incomplete-fg-color -> $quaternary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:34:24 +02:00
aad4e6f312
$voice-playback-button-bg-color -> $system
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:29:03 +02:00
707f0c6bc9
$voice-playback-button-fg-color -> $secondary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:28:01 +02:00
ee7c126596
$groupFilterPanel-divider-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:27 +02:00
0794be1e98
$notice-secondary-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:27 +02:00
ca6ed64811
$roomlist-header-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:26 +02:00
79efd61b66
$roomsublist-divider-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:26 +02:00
36531be8ca
$roomtile-preview-color -> $secondary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:26 +02:00
1691127ad2
$field-focused-label-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:20 +02:00
ade53a5bd7
Do more re-ordering to keep things working
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-15 15:44:41 +02:00
bc93954577
Remove repeated comment
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-15 15:24:19 +02:00
71eeb836d9
Merge remote-tracking branch 'upstream/develop' into task/colors-4
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-15 15:23:32 +02:00
15076ce796
Fix issues with custom themes ( #6937 )
...
Fallback to non-custom colors in custom themes
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-13 16:43:01 +02:00
aeb74471a2
Move backports
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-01 21:20:40 +02:00
14466b1e3b
$settings-profile-placeholder-bg-color -> $system
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-01 20:43:46 +02:00
8a9c493f3a
Use correct color for a selected room in the
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-01 20:40:18 +02:00
47fcd59301
Remove $eventtile-meta-color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-01 20:37:53 +02:00
17f59131d8
Merge pull request #6868 from SimonBrandner/task/colors-3-mk2
...
Color clean-up #3 mk2
2021-10-01 11:04:15 +02:00
71d1196692
Get rid of message-body-panel colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-27 09:04:51 +02:00
02d42244a8
$user-tile-hover-bg-color -> $header-panel-bg-color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-27 09:02:09 +02:00
86cccc716c
Remove $interactive-tooltip
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-27 09:00:05 +02:00
861b4c957f
Allow for customization of compound colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-27 08:35:02 +02:00
09ef07a3b0
Replace dark theme's $authpage-primary-color
...
Use `$primary-content` instead of `$text-primary-color`.
Signed-off-by: Andrew Ferrazzutti <fair@miscworks.net>
2021-09-10 01:21:53 -04:00
a29487625e
Set dark theme colors for auth components
...
Fixes https://github.com/vector-im/element-web/issues/18865
Signed-off-by: Andrew Ferrazzutti <fair@miscworks.net>
2021-09-09 02:18:23 -04:00
e2419dc75b
Make stronger background blur for light theme
...
Fixes https://github.com/vector-im/element-web/issues/18708
2021-08-26 12:41:29 +02:00
3d9a0286dc
Revert "$avatar-bg-color -> $background"
...
This reverts commit a3a6f73049
2021-08-24 09:04:17 +02:00
bf87413442
Revert "$roomlist-header-color -> $tertiary-content"
...
This reverts commit 25a3a8ddfd
2021-08-24 09:02:17 +02:00
b6ea75b681
Merge remote-tracking branch 'upstream/develop' into task/colors-2
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-24 08:57:12 +02:00
e54191f6b0
Move background-blur to fully css version
2021-08-23 19:26:57 +02:00
ca92101c72
Optimize and rewrite backdrop rendering
2021-08-23 16:20:21 +02:00
a7bda2b73e
Better blur values for nicer experience
2021-08-17 19:33:59 +02:00
eb242041a5
Fix missing background tonality without avatar
2021-08-17 18:56:19 +02:00
2ee26d0681
Make the blur as-close to the css one as possible
2021-08-17 17:47:40 +02:00
a999cad49d
Properly cache blur effect
2021-08-17 16:07:17 +02:00
94a5013beb
temp
2021-08-13 19:03:20 +02:00
5f9b55eaa9
Merge remote-tracking branch 'origin/develop' into gsouquet/fix-backdrop-filter
...
* origin/develop: (1278 commits)
Add a little padding
Keep number field in focus when pressing dialpad buttons (#6520 )
Remove old version
Fix video call persisting when widget removed
Update link to matrix-js-sdk CONTRIBUTING file (#6557 )
$toast-bg-color -> $system
$system-... -> $system
Iterate PR based on feedback
Remove unnecessary code
Use AccessibleTooltipButton
Just upload the PR object itself
Edit PR Description instead of commenting
publish the right directory
Fix Netflify builds from fork PRs
This doesn't need to be here as it was moved into CallViewButtons
Make scrollbar dot transparent
Iterate PR based on feedback
Don't set hidden RRs labs setting at account level
Add a comment for weirdly placed div
Add full class names to animations.scss
...
2021-08-13 15:12:07 +02:00
c34dedb57b
Fix legacy themes backports
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:20:05 +02:00
25a3a8ddfd
$roomlist-header-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:31 +02:00
4604d817c4
$roomlist-filter-active-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:31 +02:00
8e610e5947
$dialpad-button-bg-color -> $quinary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:31 +02:00
0faedebb92
$roomheader-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:30 +02:00
a3a6f73049
$avatar-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:30 +02:00
8b59bf3d18
$tertiary-fg-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:29 +02:00
10bc85724a
$secondary-fg-color -> $secondary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:26 +02:00
e5fd19c332
$primary-fg-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:18:18 +02:00
9ecd3b03f1
$quaternary-fg-color -> $quaternary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:17:37 +02:00
57ce895445
$text-primary-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:17:37 +02:00
79d76d8b49
$base-text-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:17:36 +02:00
eea3b31993
$bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:17:36 +02:00
04bb07cdad
$base-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:17:35 +02:00
2afee596a9
$primary-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:17:34 +02:00
7ce88c9966
$toast-bg-color -> $system
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 16:20:30 +02:00
aca073f5da
$system-... -> $system
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 16:16:13 +02:00
c93cc89cca
Merge pull request #6540 from SimonBrandner/task/color-cleanup-1
...
First cleanup of the theme files
2021-08-11 10:55:27 -06:00
02be0fd300
allow customizing the bubble layout colors
...
- correct fallback values in the _legacy_dark.scss files
- read variables to override default values
2021-08-06 13:10:33 +02:00
b1fe59eea3
Revert changes which didn't make much sense and remove some comments
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-06 08:34:46 +02:00
5877e936c0
Fix fallback fonts
...
Signed-off-by: Robin Townsend <robin@robin.town>
2021-08-04 09:24:18 -04:00
c89560691d
Some de-duplication for the light theme
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-04 10:29:16 +02:00
3c12a5a995
Some de-duplication for the dark theme
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-04 10:29:16 +02:00
fbb79a17e3
Add Figma colors to light theme
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-04 10:29:15 +02:00
bc701a182b
Add Figma colors to dark theme
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-04 10:29:15 +02:00
d479373af9
Merge remote-tracking branch 'upstream/develop' into feature/incoming-call-toast
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-04 09:21:45 +02:00
ca94518de5
Improve bubble colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-04 08:46:09 +02:00
050e260655
Fix weird spacing
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-04 08:45:58 +02:00
7fc632d0cf
Put font names into "" so that stylelint shuts up about them
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-04 08:42:07 +02:00
7ed5dee74b
Make colors a bit clearer
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-26 13:17:06 +02:00
277fdf1711
voipcall-plinth-color -> quinary-content-color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-26 12:42:18 +02:00
f53de5de99
Make bubble layout background color less agressive
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-22 18:04:24 +02:00
b9b37f59f1
Merge pull request #6432 from matrix-org/travis/voice-messages/colours
...
Clean up visual style of files and voice messages
2021-07-22 03:39:29 -06:00
fd9241a854
Merge pull request #6355 from SimonBrandner/fix/diff-colors
...
Make diff colors in codeblocks more pleasant
2021-07-21 20:02:03 -06:00
e430381abc
Update colour scheme for message panels
...
Fixes https://github.com/vector-im/element-web/issues/18113
2021-07-21 13:11:11 -06:00
06c9a060b4
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-20 10:16:21 +02:00
f4788a6427
Add dialpad to transfer dialog + various dialpad UI improvements ( #6363 )
...
Co-authored-by: Germain <germain@souquet.com>
Co-authored-by: Andrew Morgan <andrew@amorgan.xyz>
Co-authored-by: David Baker <dbkr@users.noreply.github.com>
2021-07-15 09:55:58 +01:00
ba3e7e24ba
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-13 10:15:27 +02:00
1061cb0ffb
Fix layout regressions in message bubbles
2021-07-13 10:15:12 +02:00
36ba65b534
Merge branch 'develop' into gsouquet/fix-backdrop-filter
2021-07-12 13:00:34 +02:00
3921e42e8a
Make diff colors in codeblocks more pleseant
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-12 12:32:30 +02:00
10bdb3cefa
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-07 13:07:43 +02:00
b0a1fc7b97
Updated color scheme and spacing
2021-07-07 11:23:38 +02:00
b5bad0cc23
Add comments
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-07 10:28:29 +02:00
2cd2015e36
Use atom-one-light for light theme
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-07 10:24:59 +02:00
f8307a92d8
Use atom-one-dark for dark theme
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-07 10:24:48 +02:00
8c1721fc35
Remove the old codeblock code
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-07 09:22:50 +02:00
edae9a4844
Merge branch 'develop' into gsouquet/fix-backdrop-filter
2021-07-06 10:19:25 +02:00
223b40c9d6
Add dark theme support
2021-07-01 14:23:00 +01:00
9c752680ba
Tile styling and early behaviour
2021-06-24 13:56:11 -06:00
8ce77e618f
Reduce pointless CSS vars by 2
2021-06-24 11:38:35 -06:00
27ee7c5836
Move backdrop filter to a canvas based solution
2021-06-24 17:51:11 +01:00
f0ad70f0e7
Merge pull request #5786 from DantrazTrev/DialPad
...
Dial Pad UI bug fixes
2021-06-23 11:41:41 +01:00
Šimon Brandner