b480bffab0
Location share type UI ( #7924 )
...
* copyright
Signed-off-by: Kerry Archibald <kerrya@element.io>
* empty line
Signed-off-by: Kerry Archibald <kerrya@element.io>
* functional picker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* most style
Signed-off-by: Kerry Archibald <kerrya@element.io>
* nice style for options
Signed-off-by: Kerry Archibald <kerrya@element.io>
* get ShareType test passing
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add maplibre mock
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint and test
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add section to themes for location sharing cols
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add svg mock
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use same mock string as imageMock
Signed-off-by: Kerry Archibald <kerrya@element.io>
* newline
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add live location icon
Signed-off-by: Kerry Archibald <kerrya@element.io>
* rename useEnabledShareTypes
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use solid color for live border
* use ternary
Signed-off-by: Kerry Archibald <kerrya@element.io>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-03-02 13:00:40 +00:00
51fd4d82fd
Tweak light hover & active color for bubble layout ( #7626 )
...
* Tweak light hover & active color for bubble layout
* delint
2022-01-25 14:21:13 +00:00
756b924966
Update colours of message bubbles to match new designs ( #7610 )
2022-01-24 12:33:55 +00:00
2743a75a21
Display general marker on non-self location shares ( #7574 )
2022-01-19 09:33:49 +00:00
707f8cd878
Open map in a dialog when it is clicked ( #7465 )
2022-01-07 14:54:45 +00:00
390dde055a
Task/colors-13 ( #7271 )
2021-12-03 09:23:38 +00:00
f5f1f18007
Task/colors 12 (reorganize theme files again) ( #7212 )
2021-11-29 15:59:21 +00:00
9db0ebb7f5
Task/colors 11 ( #7211 )
2021-11-29 12:52:09 +00:00
3583d99ef2
Fix `$menu-bg-color` ( #7150 )
2021-11-17 09:36:28 +00:00
556cfc7ed8
Add maximise widget functionality ( #7098 )
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-11-16 15:43:18 +01:00
4eadb3bca1
Color cleanup number 10 ( #7132 )
2021-11-16 10:10:44 +00:00
bafeb38472
Improve VoIP UI/UX ( #7048 )
...
* Remove speaking indicator
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove mic icon for primary feed
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove caching as it doesn't seem to be neccessary
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Add call view buttons colors
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Refactor button code
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Update call view button icons
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* i18n
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Add dialpad icon
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix button sizing in PiP
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix secondary voice video feed color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-15 17:24:11 +00:00
27c3153947
Unified room context menus ( #7072 )
2021-11-15 11:39:25 +00:00
720b092844
Reorganize theme files ( #7130 )
2021-11-15 09:42:06 +00:00
9abb2f5ff4
Color cleanup 8 ( #7108 )
...
* $accent-color -> $accent
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $notice-primary-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $notice-primary-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-50pct
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $warning-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-darker
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $orange-warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $warning-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $info-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-11 13:37:29 +00:00
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
2236ec3eff
Move and update variable usage
2021-05-05 14:00:56 -06:00
60e3a8ac77
Merge branch 'develop' into travis/files/visual
2021-05-05 13:47:33 -06:00
570c082573
Promote colour to a variable
...
I refuse to try and type this variable name freehand.
2021-05-05 09:58:45 -06:00
b0cb996cac
Update visual style of plain files in the timeline
2021-05-04 21:13:37 -06:00
a94c1a90c1
Update colours and sizing for voice messages
...
Fixes https://github.com/vector-im/element-web/issues/17162
2021-05-04 20:45:15 -06:00
ba2da6826f
Support a dark theme for voice messages
...
Fixes https://github.com/vector-im/element-web/issues/17137
2021-05-03 16:08:38 -06:00
c4d85c457b
Add progress effect to playback waveform
2021-04-27 22:59:16 -06:00
8660ab000e
Merge branch 'develop' into DialPad
2021-04-28 08:55:44 +05:30
33617b0375
Merge pull request #5701 from SimonBrandner/fix-pip-color
...
Fix VoIP PIP frame color
2021-04-27 14:42:20 +01:00
82119ad595
Merge branch 'develop' into travis/error-states
2021-04-23 15:53:37 -06:00
ec908bc8be
Merge branch 'develop' into fix-pip-color
2021-04-23 14:40:58 +02:00
7b215cd275
Use suggested colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-23 14:14:51 +02:00
d757b7d788
Merge branch 'develop' into fix-pip-color
2021-04-23 14:10:29 +02:00
b332f6b1ae
Use floats for image background opacity
...
It seems percentages for opacity are still newish, and they seem to confuse
something which is clamping them to the 0 - 1 range (which makes sense for
floats, not percentages).
Anyway, for now we can get what we want here by using float values.
Fixes https://github.com/vector-im/element-web/issues/17036
2021-04-22 14:04:15 +01:00
cc095c85bf
Dark theme support
2021-04-21 16:24:17 -06:00
6b3ac20d76
Cleanup
2021-04-15 09:53:15 -06:00
e77d3bea04
Pulse animation option for voice record button
2021-04-14 15:12:21 -06:00
ac00c80efb
Merge pull request #5521 from SimonBrandner/improve-image-view
...
Improve image view
2021-04-13 19:01:27 -06:00
098a8711a7
Merge pull request #5847 from matrix-org/jryans/reason-message-tweaks
...
Tweak appearance of invite reason
2021-04-12 13:36:20 +01:00
798a891d83
Tweak appearance of invite reason
...
This adjusts the display of invite reasons to match design feedback.
Fixes https://github.com/vector-im/element-web/issues/16869
2021-04-12 12:28:42 +01:00
Kerry