Šimon Brandner
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
Šimon Brandner
8c1721fc35
Remove the old codeblock code
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-07 09:22:50 +02:00
Germain Souquet
edae9a4844
Merge branch 'develop' into gsouquet/fix-backdrop-filter
2021-07-06 10:19:25 +02:00
Germain Souquet
223b40c9d6
Add dark theme support
2021-07-01 14:23:00 +01:00
Travis Ralston
9c752680ba
Tile styling and early behaviour
2021-06-24 13:56:11 -06:00
Travis Ralston
8ce77e618f
Reduce pointless CSS vars by 2
2021-06-24 11:38:35 -06:00
Germain Souquet
27ee7c5836
Move backdrop filter to a canvas based solution
2021-06-24 17:51:11 +01:00
David Baker
f0ad70f0e7
Merge pull request #5786 from DantrazTrev/DialPad
...
Dial Pad UI bug fixes
2021-06-23 11:41:41 +01:00
Travis Ralston
2236ec3eff
Move and update variable usage
2021-05-05 14:00:56 -06:00
Travis Ralston
60e3a8ac77
Merge branch 'develop' into travis/files/visual
2021-05-05 13:47:33 -06:00
Travis Ralston
570c082573
Promote colour to a variable
...
I refuse to try and type this variable name freehand.
2021-05-05 09:58:45 -06:00
Travis Ralston
b0cb996cac
Update visual style of plain files in the timeline
2021-05-04 21:13:37 -06:00
Travis Ralston
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
Travis Ralston
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
Travis Ralston
c4d85c457b
Add progress effect to playback waveform
2021-04-27 22:59:16 -06:00
Ayush PS
8660ab000e
Merge branch 'develop' into DialPad
2021-04-28 08:55:44 +05:30
J. Ryan Stinnett
33617b0375
Merge pull request #5701 from SimonBrandner/fix-pip-color
...
Fix VoIP PIP frame color
2021-04-27 14:42:20 +01:00
Ayush PS
3201ed2f0f
Added color scheme for the numbers
2021-04-26 01:40:10 +05:30
Travis Ralston
49f5f89351
Give a bit of opacity to the divider colour
2021-04-23 16:04:53 -06:00
Travis Ralston
82119ad595
Merge branch 'develop' into travis/error-states
2021-04-23 15:53:37 -06:00
Šimon Brandner
ec908bc8be
Merge branch 'develop' into fix-pip-color
2021-04-23 14:40:58 +02:00
Šimon Brandner
7b215cd275
Use suggested colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-23 14:14:51 +02:00
Šimon Brandner
d757b7d788
Merge branch 'develop' into fix-pip-color
2021-04-23 14:10:29 +02:00
J. Ryan Stinnett
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
Travis Ralston
cc095c85bf
Dark theme support
2021-04-21 16:24:17 -06:00
Travis Ralston
6b3ac20d76
Cleanup
2021-04-15 09:53:15 -06:00
Travis Ralston
e77d3bea04
Pulse animation option for voice record button
2021-04-14 15:12:21 -06:00
Travis Ralston
ac00c80efb
Merge pull request #5521 from SimonBrandner/improve-image-view
...
Improve image view
2021-04-13 19:01:27 -06:00
J. Ryan Stinnett
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
J. Ryan Stinnett
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
Germain Souquet
020cdc99a2
Update Inter font to v3.18
2021-04-09 17:41:54 +01:00
Šimon Brandner
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
Robin Townsend
2477258249
Merge branch 'develop' into show-invite-reasons
2021-03-31 16:13:29 -04:00
Robin Townsend
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
Travis Ralston
54412878a1
Merge branch 'develop' into travis/voice-messages/waveform
2021-03-29 22:59:51 -06:00
Travis Ralston
1419ac6b69
Hook up a clock and implement proper design
2021-03-25 17:12:26 -06:00
Michael Telatynski
5061db259a
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/spaces4.12
2021-03-25 16:37:56 +00:00
Michael Telatynski
b6a57f73c6
Tweak border colours in spaces
2021-03-25 12:17:39 +00:00
Ayush PS
1488457c33
Added the class -button-bg-color for all themes
2021-03-25 01:31:45 +05:30
Travis Ralston
9aa5348c7f
Show a stop button to stop the recording
2021-03-16 23:43:59 -06:00
Travis Ralston
52621946de
Merge pull request #5723 from matrix-org/travis/uploads
...
Refresh UI for file uploads
2021-03-08 08:52:51 -07:00
Travis Ralston
761ced13f2
Merge pull request #5719 from matrix-org/travis/file-representation
...
UI refresh for uploaded files
2021-03-08 08:52:43 -07:00
Travis Ralston
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
Travis Ralston
017c2af663
Merge branch 'develop' into travis/message-states
2021-03-05 09:29:39 -07:00
Travis Ralston
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
Travis Ralston
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
Travis Ralston
c74224a1b7
Merge branch 'develop' into travis/message-states
2021-03-02 10:40:49 -07:00
Travis Ralston
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
Michael Telatynski
c10512fd56
Initial SpaceRoomView work
2021-03-01 18:53:11 +00:00
Šimon Brandner
9ffef8f072
Fix VoIP PIP frame color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-01 13:44:22 +01:00
Michael Telatynski
f21aedc6cf
Add Space Panel with Room List filtering
2021-02-26 10:41:26 +00:00
Šimon Brandner
3e0558f4d9
Remove droptarget colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-26 08:12:38 +01:00
Šimon Brandner
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
Šimon Brandner
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
Šimon Brandner
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
Šimon Brandner
4aa3000894
Leverage our theme colours
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-02-11 13:31:06 +01:00
Šimon Brandner
62939f1348
Fix scrollbar colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-09 08:14:19 +01:00
Šimon Brandner
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
Šimon Brandner
58b2c18cf5
This somehow works
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-19 21:02:39 +01:00
Michael Telatynski
3fda7e3f46
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/socials
2020-12-02 15:08:13 +00:00
David Baker
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
Michael Telatynski
a1351ea1cd
Increase Dialog button mixin border-radius to 8px
2020-11-20 15:45:34 +00:00
Travis Ralston
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
Michael Telatynski
fa9490b02b
Add skeleton UI for Room List when no rooms
2020-11-02 17:22:45 +00:00
Resynth
6dc709a045
😅
...
Signed-off-by: Resynth <resynth1943@tutanota.com>
2020-10-27 20:10:23 +00:00
Resynth
dc28616a6f
Remove empty CSS block
...
Signed-off-by: Resynth <resynth1943@tutanota.com>
2020-10-26 22:53:37 +00:00
Resynth
da60e4dba6
Lighten blockquote colour in dark mode
...
Signed-off-by: Resynth <resynth1943@tutanota.com>
2020-10-25 16:47:15 +00:00
Michael Telatynski
06009df05b
Update Widget paddings and background colours
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-19 18:47:15 +01:00
Michael Telatynski
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
Travis Ralston
43208c01a1
Fix variable naming
2020-10-14 16:30:38 -06:00
Michael Telatynski
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
RinkiyaKeDad
4f8b0afc41
updated TagPanel
2020-10-10 18:00:06 +05:30
Bruno Windels
603415c2ec
fix index mismatch
2020-09-28 16:20:16 +02:00
Travis Ralston
e658d9619b
Update styles for new colours
2020-09-23 12:30:01 -06:00
Travis Ralston
1ab2e06887
Clean up unused variables
2020-09-23 12:29:49 -06:00
Travis Ralston
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
Michael Telatynski
a4d11cc190
Change highlighting around the room list filter
2020-08-17 16:59:29 +01:00
Michael Telatynski
4381bdfdbf
fix typo
2020-08-14 18:53:56 +01:00
Michael Telatynski
df75024a21
Switch out the globe icon and colour it depending on theme
2020-08-13 15:16:31 +01:00
Jorik Schellekens
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
Jorik Schellekens
271eeeabee
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/style-fighting
2020-08-04 15:04:56 +01:00
J. Ryan Stinnett
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
J. Ryan Stinnett
31180d3df9
Adjust room list colours to match designs
2020-07-31 17:52:19 +01:00
Jorik Schellekens
9cd232617d
Unify composer and room header icons
2020-07-28 13:19:11 +01:00
Jorik Schellekens
b71e5f30db
Update event selected colors
2020-07-27 16:49:11 +01:00
Jorik Schellekens
d55699211e
Update copy icon on pre block and share dialogues
2020-07-27 15:13:02 +01:00
Travis Ralston
becd770e9d
Remove reminder to update SCSS variables
2020-07-17 16:18:53 -06:00
Travis Ralston
361d524e7e
Rename remaining SCSS variables to remove 2 suffix
2020-07-17 16:18:15 -06:00
Travis Ralston
0e054c05c2
Remove unused SCSS variables + fix tertiary colour
2020-07-17 16:15:14 -06:00
Travis Ralston
40e4347114
Replace $roomtile-badge-fg-color with $accent-fg-color
2020-07-17 16:08:47 -06:00
Travis Ralston
b24436c4a4
Fix the orange used for away presence
2020-07-17 16:04:02 -06:00
Travis Ralston
1cecabb0b3
Replace $roomtile-name-color with $muted-fg-color (equivalent)
2020-07-17 16:03:26 -06:00
Travis Ralston
a30da8dcdb
Rename RoomList2 SCSS variables
2020-07-17 15:59:35 -06:00
Travis Ralston
c9b0b3b31d
RoomSublist2 -> RoomSublist
2020-07-17 15:46:46 -06:00
Travis Ralston
2441cbc9ac
LeftPanel2 -> LeftPanel
2020-07-17 15:22:18 -06:00
Matthew Hodgson
6e5efd0839
stop Inter from clobbering Twemoji
...
Fixes the bug where red heart emoji appear monochrome
2020-07-17 00:35:41 +01:00
Michael Telatynski
576294e7ce
Add shadow to the reply preview and autocomplete composer panes
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 15:26:25 +01:00
Bruno Windels
7ca8b27dc1
Make custom themes acceptable with recent changes for element theme
...
Note that custom themes are still based on the old theme, now called legacy-light/dark
2020-07-15 10:38:24 +02:00
Travis Ralston
54a060cbb1
Fix user info section headers on the dark theme
2020-07-14 14:15:24 -06:00
J. Ryan Stinnett
9d094a793c
Merge branch 'bwindel/polish' into 'element'
...
More polish
See merge request new-vector/element/element-web/matrix-react-sdk!21
2020-07-14 19:35:41 +00:00
Bruno Windels
38549ecf4c
change accent color
2020-07-14 20:36:27 +02:00
Bruno Windels
01e7d9c4e4
Merge branch 'bwindels/restyle-blurry-login-box' into 'element'
...
change bg color to that of the room list
See merge request new-vector/element/element-web/matrix-react-sdk!19
2020-07-14 18:22:52 +00:00
Bruno Windels
d39974b590
change bg color to that of the room list
2020-07-14 20:17:31 +02:00
Nad Chishtie
1f9657c7fb
Make message previews more legible
2020-07-14 19:05:49 +01:00
Bruno Windels
0c3501e317
make field border less bright
2020-07-14 19:19:27 +02:00
Bruno Windels
4d14a1d6b3
change right panel/event tile hover bg color
2020-07-14 19:19:07 +02:00
Bruno Windels
c2456d9b81
change room header/timeline/composer bg
2020-07-14 19:18:42 +02:00
Bruno Windels
25d3257d80
rename element(-dark) to light/dark so old prefs apply
2020-07-14 18:39:14 +02:00
Nad Chishtie
9700e7e269
Tweak blur & alpha on panels
2020-07-14 13:35:31 +01:00
Michael Telatynski
70951614e4
Merge branch 'nadonomy/ui-tweaks-part-deux' of https://gitlab.matrix.org/new-vector/element/element-web/matrix-react-sdk into nadonomy/ui-tweaks-part-deux
2020-07-14 13:30:55 +01:00
Michael Telatynski
fcf5fc0990
Fix normal e2e icon colour
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-14 13:30:05 +01:00
Bruno Windels
1578b1c3d3
different blur radius for dark theme
2020-07-14 14:24:35 +02:00
Bruno Windels
c936439ad5
only remove underline for links in element theme
2020-07-14 12:52:28 +02:00
Bruno Windels
488f49dc5c
redefine variable rather than picking a different one
...
to not break other teams
2020-07-14 12:51:51 +02:00
Michael Telatynski
0cb0d2a4eb
Apply 1 suggestion(s) to 1 file(s)
2020-07-14 09:27:53 +00:00
Nad Chishtie
d70b510d81
Tweak panel colours
2020-07-14 00:06:12 +01:00
Bruno Windels
00f0f6dd34
add color for room list header color
2020-07-09 19:17:34 +02:00
Bruno Windels
c0d2e29720
add theme variable for room header background color
2020-07-09 19:16:30 +02:00
Bruno Windels
eb706951db
dark theme color adjustments
2020-07-09 19:15:44 +02:00
Bruno Windels
0d53521e83
dark theme WIP
2020-07-09 14:48:15 +02:00
Bruno Windels
7dad56ca86
Merge branch 'develop' into element
2020-07-08 15:50:17 +02:00
Bruno Windels
269c30f8e8
Revert "also blur the sticky headers"
...
This reverts commit 82e0816d86
.
2020-07-08 15:47:01 +02:00
Jorik Schellekens
6b5eaca0b9
Remove comment
2020-07-07 16:45:43 +01:00
Jorik Schellekens
da1d1ffa09
Change colour to orange and do some lints
2020-07-07 15:42:54 +01:00
Bruno Windels
92a2621815
also apply sticky header bg color when backdrop-filter is not supported
2020-07-07 13:22:13 +02:00
Bruno Windels
137a81501a
fix tooltip bg colors
...
introduce new color variable for inverted backgrounds like dark tooltip
2020-07-06 15:40:30 +02:00
Bruno Windels
918d091878
make background image not move too much when resizing left panel
2020-07-03 16:56:10 +02:00
Bruno Windels
82ca98cdd5
clear background on show more button in element theme
2020-07-03 16:53:06 +02:00
Bruno Windels
82e0816d86
also blur the sticky headers
...
added a DOM element so we can set the background on the parent and
the blur on the new element
2020-07-03 16:50:01 +02:00
Bruno Windels
ae0bb2a2aa
rename file to mod, for all theme modifications
2020-07-01 15:02:20 +02:00
Bruno Windels
dad47148ae
clear hairlines by making them transparent for now ...
...
also some color changes
2020-06-30 13:28:19 +02:00
Bruno Windels
6fc4be386a
add blurred, blended avatar background to left panel
2020-06-30 13:28:19 +02:00
Bruno Windels
c0a9af945c
use Inter as font
2020-06-30 13:28:19 +02:00
Bruno Windels
baebab7b16
Add element theme
2020-06-30 13:28:19 +02:00
Travis Ralston
129ff3a6e0
Match line colour from user menu in sublist menu
2020-06-25 15:17:19 -06:00
Bruno Windels
fc61145c11
Merge pull request #4814 from matrix-org/bwindels/custom-theme-font
...
Font support in custom themes
2020-06-24 13:15:42 +00:00
Bruno Windels
e083856801
allow changing the font-family
2020-06-23 17:53:40 +02:00
Jorik Schellekens
aab42a291b
implement appearance tab nits
...
- fix border colours in dark theme
- lighten dark theme preview background
- add missing return statement
2020-06-22 12:28:15 +01:00
Travis Ralston
e4a51a7c01
Add presence icons; Convert to generic icon component
...
For https://github.com/vector-im/riot-web/issues/14039
2020-06-16 14:44:37 -06:00
Travis Ralston
f9a4151a6e
Add rudimentary dark theme support
2020-06-12 13:52:54 -06:00
Travis Ralston
111394df6d
Add hover states and basic context menu to new room list
...
The 'sort by' radio buttons are blocked by https://github.com/matrix-org/matrix-react-sdk/pull/4731 as it contains the styles needed.
The 'unread rooms' checkbox is intentionally not hooked up. This is a more complicated refactoring that needs to be done.
The message preview checkbox works, though the previews remain hardcoded in this change. The primary intent of this change is to have a good enough context menu and the hover states.
The hover states are as described in the design.
2020-06-09 21:12:49 -06:00
Travis Ralston
8e0247afe5
Add most of the UI for the new room list's menu button
...
Incomplete implementation: buttons don't work, some text is missing, etc
2020-06-07 22:06:41 -06:00
Travis Ralston
1d8833e9f8
Selected state, cleanup, and profile display
2020-06-05 14:08:20 -06:00
Travis Ralston
0c15b2bdb6
Simple structuring of the room list itself
...
This covers the larger parts of the design, but doesn't deal with the nuances of hover states, badge sizing, etc.
2020-06-04 21:21:04 -06:00
Jorik Schellekens
33a5b5142d
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider
2020-05-07 18:01:20 +01:00
Jorik Schellekens
bab7d5f461
Some lints
2020-05-06 17:25:54 +01:00
Jorik Schellekens
360cc332eb
Merge pull request #4477 from JorikSchellekens/joriks/toggle-bg-color
...
Slightly darker toggle off bg color
2020-04-29 11:10:47 +01:00
Bruno Windels
8b8b5256be
actually use timeline highlight color
2020-04-28 16:49:25 +02:00
Jorik Schellekens
1b83faaa8d
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider
2020-04-28 15:38:46 +01:00
Bruno Windels
b1870660d8
support theming username colors
2020-04-27 17:31:22 +02:00