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
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
3201ed2f0f
Added color scheme for the numbers
2021-04-26 01:40:10 +05:30
49f5f89351
Give a bit of opacity to the divider colour
2021-04-23 16:04:53 -06: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
020cdc99a2
Update Inter font to v3.18
2021-04-09 17:41:54 +01:00
e79254e7bf
Set opacity of lightboxes to 95 in light theme
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-02 09:07:36 +02:00
2477258249
Merge branch 'develop' into show-invite-reasons
2021-03-31 16:13:29 -04:00
f0333b5b1c
Show invite reasons
...
Displays the reason for invitation in the invitation dialog, requiring a
click to reveal the message.
Signed-off-by: Robin Townsend <robin@robin.town>
2021-03-31 15:46:09 -04:00
54412878a1
Merge branch 'develop' into travis/voice-messages/waveform
2021-03-29 22:59:51 -06:00
1419ac6b69
Hook up a clock and implement proper design
2021-03-25 17:12:26 -06:00
5061db259a
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/spaces4.12
2021-03-25 16:37:56 +00:00
b6a57f73c6
Tweak border colours in spaces
2021-03-25 12:17:39 +00:00
1488457c33
Added the class -button-bg-color for all themes
2021-03-25 01:31:45 +05:30
9aa5348c7f
Show a stop button to stop the recording
2021-03-16 23:43:59 -06:00
52621946de
Merge pull request #5723 from matrix-org/travis/uploads
...
Refresh UI for file uploads
2021-03-08 08:52:51 -07:00
761ced13f2
Merge pull request #5719 from matrix-org/travis/file-representation
...
UI refresh for uploaded files
2021-03-08 08:52:43 -07:00
711181cc69
Rough style for new upload bar
...
This repurposes ProgressBar which was not used anywhere in code.
2021-03-05 14:14:43 -07:00
017c2af663
Merge branch 'develop' into travis/message-states
2021-03-05 09:29:39 -07:00
676259e78c
Merge pull request #5505 from SimonBrandner/improve-file-drop-ui
...
File drop UI fixes and improvements
2021-03-04 20:30:45 -07:00
5d6e3d5711
UI refresh for uploaded files
...
Fixes https://github.com/vector-im/element-web/issues/16557
Fixes https://github.com/vector-im/element-web/issues/9482 (technically)
There's two changes in this:
1. The actual file body in the timeline now has a placeholder thing.
2. We're intentionally dropping all the "Travis uploaded a file" sender profile states.
2021-03-04 20:07:48 -07:00
c74224a1b7
Merge branch 'develop' into travis/message-states
2021-03-02 10:40:49 -07:00
9cec382865
Change sending->sent state to match new designs
...
For https://github.com/vector-im/element-web/issues/16424
2021-03-01 16:25:19 -07:00
c10512fd56
Initial SpaceRoomView work
2021-03-01 18:53:11 +00:00
9ffef8f072
Fix VoIP PIP frame color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-01 13:44:22 +01:00
f21aedc6cf
Add Space Panel with Room List filtering
2021-02-26 10:41:26 +00:00
3e0558f4d9
Remove droptarget colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-26 08:12:38 +01:00
8551855a56
Add $droptarget-bg-color to the dark theme
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-25 18:30:14 +01:00
aa4ec9fca1
Make $droptarget-bg-color more opaque
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-25 18:27:52 +01:00
82474074f2
Fix scrollbar color for non-Firefox
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-13 13:03:26 +01:00
4aa3000894
Leverage our theme colours
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-02-11 13:31:06 +01:00
62939f1348
Fix scrollbar colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-09 08:14:19 +01:00
cdb0d1c12e
Move and use icons from widget dir
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-08 15:22:10 +01:00
58b2c18cf5
This somehow works
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-19 21:02:39 +01:00
3fda7e3f46
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/socials
2020-12-02 15:08:13 +00:00
4a503fb32e
Fix VoIP call plinth on dark theme
...
Fixes https://github.com/vector-im/element-web/issues/15873
2020-12-02 12:14:41 +00:00
a1351ea1cd
Increase Dialog button mixin border-radius to 8px
2020-11-20 15:45:34 +00:00
9ca448e8a2
Merge pull request #5353 from resynth1943/lighter-blockquotes-in-dark-mode
...
Lighten blockquote colour in dark mode
2020-11-18 15:21:33 -07:00
fa9490b02b
Add skeleton UI for Room List when no rooms
2020-11-02 17:22:45 +00:00
6dc709a045
😅
...
Signed-off-by: Resynth <resynth1943@tutanota.com>
2020-10-27 20:10:23 +00:00
dc28616a6f
Remove empty CSS block
...
Signed-off-by: Resynth <resynth1943@tutanota.com>
2020-10-26 22:53:37 +00:00
da60e4dba6
Lighten blockquote colour in dark mode
...
Signed-off-by: Resynth <resynth1943@tutanota.com>
2020-10-25 16:47:15 +00:00
06009df05b
Update Widget paddings and background colours
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-19 18:47:15 +01:00
0c87df4957
Merge pull request #5319 from matrix-org/t3chguy/fix/null-avatar
...
Fix background-image: url(null) for backdrop filter
2020-10-15 17:48:51 +01:00
43208c01a1
Fix variable naming
2020-10-14 16:30:38 -06:00
efad42439e
Fix background-image: url(null) for backdrop filter
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-14 11:41:24 +01:00
4f8b0afc41
updated TagPanel
2020-10-10 18:00:06 +05:30
603415c2ec
fix index mismatch
2020-09-28 16:20:16 +02:00
e658d9619b
Update styles for new colours
2020-09-23 12:30:01 -06:00
1ab2e06887
Clean up unused variables
2020-09-23 12:29:49 -06:00
276ed90884
Add a personal group for an all-communities state
...
Design is approximate and needs review, though being completed out of band.
2020-08-21 18:19:29 -06:00
a4d11cc190
Change highlighting around the room list filter
2020-08-17 16:59:29 +01:00
4381bdfdbf
fix typo
2020-08-14 18:53:56 +01:00
df75024a21
Switch out the globe icon and colour it depending on theme
2020-08-13 15:16:31 +01:00
0060acbb33
Merge pull request #5056 from matrix-org/joriks/style-fighting
...
Quick win session 24/07/2020
2020-08-12 15:21:06 +01:00
271eeeabee
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/style-fighting
2020-08-04 15:04:56 +01:00
ce226ab534
Replace Riot with Element in docs and comments
...
This only covers the simple cases of references to issues and repos. More
complex areas, such as deployment scripts, will be handled separately.
Part of https://github.com/vector-im/element-web/issues/14864
2020-08-03 18:33:36 +01:00
31180d3df9
Adjust room list colours to match designs
2020-07-31 17:52:19 +01:00
9cd232617d
Unify composer and room header icons
2020-07-28 13:19:11 +01:00
b71e5f30db
Update event selected colors
2020-07-27 16:49:11 +01:00
d55699211e
Update copy icon on pre block and share dialogues
2020-07-27 15:13:02 +01:00
becd770e9d
Remove reminder to update SCSS variables
2020-07-17 16:18:53 -06:00
361d524e7e
Rename remaining SCSS variables to remove 2 suffix
2020-07-17 16:18:15 -06:00
0e054c05c2
Remove unused SCSS variables + fix tertiary colour
2020-07-17 16:15:14 -06:00
40e4347114
Replace $roomtile-badge-fg-color with $accent-fg-color
2020-07-17 16:08:47 -06:00
b24436c4a4
Fix the orange used for away presence
2020-07-17 16:04:02 -06:00
Andrew Ferrazzutti