Šimon Brandner
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
Šimon Brandner
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
Šimon Brandner
ca94518de5
Improve bubble colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-04 08:46:09 +02:00
Šimon Brandner
7ed5dee74b
Make colors a bit clearer
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-26 13:17:06 +02:00
Šimon Brandner
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
Šimon Brandner
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
Travis Ralston
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
Travis Ralston
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
Travis Ralston
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
Germain Souquet
06c9a060b4
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-20 10:16:21 +02:00
Andrew Morgan
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
Germain Souquet
ba3e7e24ba
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-13 10:15:27 +02:00
Germain Souquet
1061cb0ffb
Fix layout regressions in message bubbles
2021-07-13 10:15:12 +02:00
Šimon Brandner
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
Germain Souquet
10bdb3cefa
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-07 13:07:43 +02:00
Germain Souquet
b0a1fc7b97
Updated color scheme and spacing
2021-07-07 11:23:38 +02:00
Šimon Brandner
b5bad0cc23
Add comments
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-07-07 10:28:29 +02:00
Š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
223b40c9d6
Add dark theme support
2021-07-01 14:23:00 +01:00
Travis Ralston
8ce77e618f
Reduce pointless CSS vars by 2
2021-06-24 11:38:35 -06: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
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
Š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
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
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
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
Š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
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
Travis Ralston
43208c01a1
Fix variable naming
2020-10-14 16:30:38 -06:00
RinkiyaKeDad
4f8b0afc41
updated TagPanel
2020-10-10 18:00:06 +05:30
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
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
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
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
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
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
Travis Ralston
54a060cbb1
Fix user info section headers on the dark theme
2020-07-14 14:15:24 -06: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
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
137a81501a
fix tooltip bg colors
...
introduce new color variable for inverted backgrounds like dark tooltip
2020-07-06 15:40:30 +02:00
Travis Ralston
129ff3a6e0
Match line colour from user menu in sublist menu
2020-06-25 15:17:19 -06: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
f9a4151a6e
Add rudimentary dark theme support
2020-06-12 13:52:54 -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
61b45afcd3
Slightly darker toggle off bg color
2020-04-23 12:28:39 +01:00
Jorik Schellekens
28dca9e525
Match figma color scheme
2020-04-23 11:33:28 +01:00
Jorik Schellekens
6cf9166c4a
Use variables for the rem values.
...
It's become obvious that these random floating points everywhere
are unwieldy. Now they're all in one place with some fairly logical
variable names which will help out in design->implementation phase.
2020-03-31 15:26:23 +01:00
Jorik Schellekens
da34e6241d
Make all 'font-size's and 'line-height's rem
...
Font size of the whole app would ideally be controlled by a single
value. This value is currently hard coded using the :root CSS selector.
It is the intention to make this value configurable within riot. In the
interim all font-sizes have been converted to rem by the simple process
of regex. Replacing px values with their equivalent rem values assuming
a font size of 15px and then rounded to three decimal places, which was
the base at the time of this transformation.
I'm expecting another commit cleaning up rem values but I thought it
best to leave that to review.
This commit doesn't address any scaling issues. I thought it better to
land this unwieldy, mechanical, invisible change before the others
otherwise the pr would be impossible to review thoroughly.
2020-03-30 18:23:46 +01:00
Michael Telatynski
d593a76f28
Merge branches 'develop' and 't3chguy/kbd' of github.com:matrix-org/matrix-react-sdk into t3chguy/kbd
2020-03-18 20:41:13 +00:00
Michael Telatynski
1d5001544c
Improve colouring
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-18 17:32:36 +00:00
Michael Telatynski
44b0aa2d88
Remove remainders of gemini-scrollbar and react-gemini-scrollbar
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:31:45 +00:00
Travis Ralston
92fb6fcdc2
Merge pull request #3790 from justin-sleep/fix-dark-diff-highlighting
...
Fix inverted diff line highlighting in dark theme
2020-01-05 17:08:38 -07:00
Justin Sleep
8ec8a7c015
Comment rationale for swapping dark theme colors
...
Signed-off-by: Justin Sleep <justin@midnightmechanism.com>
2020-01-05 17:58:07 -06:00
Justin Sleep
dcdf68d7e1
Explicitly define diff colors in light theme
...
Signed-off-by: Justin Sleep <justin@midnightmechanism.com>
2020-01-05 17:35:39 -06:00
Travis Ralston
4de0f7257a
Initial implementation of FTUE user lists design
...
This covers the "recents" section and rough design exclusively. It is known that the Field does nothing and that there's a bunch of missing functionality - this is to be iterated upon in future PRs. Labs flag is to aide development and should be removed in a very near future PR.
Also, this is focusing on DMs and not user lists in general because I misinterpreted the scope. I'll fix this in a future PR and instead make this the best DM invite dialog it can be.
Closes https://github.com/vector-im/riot-web/issues/11197
2020-01-02 17:40:18 -07:00
Justin Sleep
d0b8565f54
Fix inverted diff line highlighting in dark theme
...
Signed-off-by: Justin Sleep <justin@midnightmechanism.com>
2019-12-28 23:56:44 -06:00