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
Bruno Windels
df8ce7fb33
Show placeholder for empty slot in breadcrumbs
2019-09-12 14:46:54 +02:00
J. Ryan Stinnett
166fb696c2
Allow connecting to an IS from address picker
...
This allows those who previously disconnected from an IS to either choose the
default IS or a custom one from Settings via the address picker dialog.
Part of https://github.com/vector-im/riot-web/issues/10619
2019-08-29 15:28:34 +01:00
Bruno Windels
eddaece43e
add visual bell color to theme + choose better value for dark mode
2019-08-28 18:00:57 +02:00
Travis Ralston
528b927638
Merge pull request #3196 from matrix-org/travis/fix-hover
...
Change highlight colour on dark theme
2019-07-10 07:52:14 -06:00
Travis Ralston
2142826ffd
Change highlight colour on dark theme
...
Fixes https://github.com/vector-im/riot-web/issues/10248
2019-07-09 11:29:13 -06:00
Travis Ralston
93872e6fa5
Ask for the user's password to rehydrate their soft logged out session
...
Fixes https://github.com/vector-im/riot-web/issues/10236
The changes to the MatrixClientPeg (assign/start) are to permit the SoftLogout page to access the MatrixClientPeg reliably. This is why assign() is called by Lifecycle as an alternative to start().
Minimal design work has been done here. The majority is deferred to https://github.com/vector-im/riot-web/issues/10262
2019-07-04 16:51:16 -06:00
Bruno Windels
fc3c4fccc2
set background on highlighted messages
2019-07-02 18:31:11 +02:00
J. Ryan Stinnett
3bd247ebaa
Tweak interactive tooltip to match design
...
This tweaks the tooltip to match the color, spacing, etc. seen in the designs.
Part of https://github.com/vector-im/riot-web/issues/9753
Part of https://github.com/vector-im/riot-web/issues/9716
2019-06-21 15:10:08 +01:00
J. Ryan Stinnett
059988ff5c
Extract tooltip styling to a shared class
...
We want to use the same styling with edited tooltip as well, so this extracts
the shared bits.
2019-05-17 12:11:01 +01:00
J. Ryan Stinnett
3da1f73ea4
Add a basic tooltip showing who reacted
...
This adds a first attempt at tooltip showing who reacted to a message. It
doesn't limit senders or position the tooltip nicely, but the info is there at
least.
Part of https://github.com/vector-im/riot-web/issues/9722
2019-05-17 12:11:01 +01:00
J. Ryan Stinnett
87f737b8a3
Increment an existing reaction
...
This allows you to increment an existing reaction below a message by clicking on
it.
At the moment, this is not linked to the action bar, so they each are using
local state. We'll likely want to add some mechanism so that we can local echo
to both of these UI areas at the same time, but that can be done separately.
Fixes https://github.com/vector-im/riot-web/issues/9486
2019-05-02 12:05:17 +01:00
J. Ryan Stinnett
15c5893278
Display existing reactions below the message
...
This displays the existing reactions a message has from all users below the
message.
Since we don't currently have an API to actually get these events yet,
adds a temporary hook that looks for a specific message to inject some sample
data. This helps build out the UI for now and can be removed once it exists.
Fixes https://github.com/vector-im/riot-web/issues/9573
2019-05-02 12:05:17 +01:00
J. Ryan Stinnett
4b50d2a2bf
Update action bar colors for dark theme
...
In addition, this also adjusts the event hover colors to match the palette.
Fixes https://github.com/vector-im/riot-web/issues/9591
2019-04-30 17:42:17 +01:00
J. Ryan Stinnett
8ef9fe951d
Update styling of message action bar for multiple buttons
...
This applies the new design for multiple buttons in the message action bar,
paving the way for more things to appear here.
In addition, this changes the existing options button to use the three vertical
dots icon. Some theme colors are also tweaked to align with what they were meant
to be from the unified palette.
2019-04-29 15:20:51 +01:00
J. Ryan Stinnett
590535c569
Use value from unified palette
...
Co-Authored-By: dbkr <dbkr@users.noreply.github.com>
2019-04-05 10:06:35 +01:00
David Baker
c0867e8e48
Fix dialog title colour on dark theme
2019-04-03 16:48:11 +01:00
Matthew Hodgson
40f16fa310
adds validation for fields.
...
* renames RoomTooltip to be a generic Tooltip (which it is)
* hooks it into Field to show validation results
* adds onValidate to Field to let Field instances call an arbitrary validation function
Rebased from @ara4n's https://github.com/matrix-org/matrix-react-sdk/pull/2550
by @jryans. Subsequent commits revise and adapt this work.
2019-03-12 14:02:54 +00:00
Aaron Raimist
c16791814e
Set event-sending-color in dark theme
...
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-19 19:58:11 -06:00
J. Ryan Stinnett
19977b052f
Add new var for dark panel bg color
2019-02-18 13:50:17 +00:00
J. Ryan Stinnett
fdd88b60a6
Lift panel input styling up to common
2019-02-18 13:43:18 +00:00
J. Ryan Stinnett
e16f29b1e0
Use darker color of photo lightboxes for dialogs on dark theme
2019-02-18 12:14:55 +00:00
J. Ryan Stinnett
52bd1edd72
Tweak room and group pill color for dark theme
2019-02-18 11:41:23 +00:00
J. Ryan Stinnett
402992cee4
Adjust add room button for dark theme
2019-02-18 11:34:25 +00:00
J. Ryan Stinnett
c490606f15
Revert back to previous base color on dark theme
2019-02-18 11:34:25 +00:00
J. Ryan Stinnett
fa3662257d
Tweak widget bar color for dark theme
2019-02-18 11:34:25 +00:00
Aaron Raimist
9318c4ec78
Update dark theme bg-color to show hover effect on messages
...
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-16 12:55:35 -06:00
Aaron Raimist
459f9d4fbc
Set h3-color in dark theme
...
This is things like "INVITED" in memberlist
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-15 21:56:47 -06:00
J. Ryan Stinnett
91c91c5ca9
Restore previous redacted message look in dark theme
2019-02-15 15:15:23 +00:00
J. Ryan Stinnett
422750082d
Tweak pill bg color for dark theme
2019-02-13 15:11:29 +00:00
J. Ryan Stinnett
5f6907c85e
Improve gradients for Safari
2019-02-13 15:06:40 +00:00
J. Ryan Stinnett
f64f39f773
Tweak box shadow on dark theme
2019-02-13 15:06:40 +00:00
J. Ryan Stinnett
feb92957c0
Use notice colors for E2E icons
2019-02-13 14:05:45 +00:00
J. Ryan Stinnett
4409636c0b
Tweak panel button divider color
2019-02-13 13:57:59 +00:00
J. Ryan Stinnett
c8edd6b417
Route header panel bg color to left and right panels
2019-02-13 13:17:50 +00:00
J. Ryan Stinnett
e09963cdfb
Tweak dark theme color values
2019-02-13 13:10:55 +00:00
J. Ryan Stinnett
1359ac62cb
Tweak header divider line
2019-02-13 10:52:03 +00:00
J. Ryan Stinnett
7bad8d594d
Move common input styles out of themes
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
b13baf8926
Tweak start a chat for dark theme
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
932b377dc5
Restore color inversion from old dark theme
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
b0d08b9a25
Rename dharma theme to light theme
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
6c954dadc8
Allow theming message composer buttons
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
e1edd56643
Allow theming group header buttons
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
3cba5edd6f
Allow theming right panel header buttons
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
8652a094f3
Allow theming room header buttons
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
c00495304f
Explicit color for tagpanel buttons
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
d7fb39fd08
First pass at dark theme colors
2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
3b200705ed
Remove light theme
2019-02-13 10:47:04 +00:00
Bruno Windels
cc2b6f9524
Merge pull request #2470 from matrix-org/bwindels/css-scrollbars
...
Make native scrollbars prettier
2019-01-29 08:20:21 +00:00
Bruno Windels
5aff76b49d
use css scrollbar styles to make native scrollbars prettier
2019-01-21 19:06:49 +01:00
J. Ryan Stinnett
b2387f4cff
Define SCSS variable for resource dir
...
Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res`
directory.
This is a different base path than previously used in CSS URLs (it goes up 3
directories instead of 2), because Webpack will now be resolving images relative
to the root SCSS file, so the path corresponds to a source tree location,
instead of a path in the build output tree.
Defining this variable has two main goals:
* URLs are a bit easier to read
* The path can be overridden, which is needed for external (riot-web) themes
2019-01-17 22:06:49 -06:00
J. Ryan Stinnett
7678b9c43b
Lift font SCSS partials to theme root
...
This means that themes which include `light/css/_base.scss` (currently Dark and
Status) won't be forced to have Light's font-faces included. This only really
matters for Status, which uses different fonts throughout.
2019-01-17 21:50:45 -06:00
Bruno Windels
8c30d05eb8
Revert "Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental"
...
This reverts commit ece5cb1fcc
, reversing
changes made to 64a3d2521c
.
2019-01-17 10:29:37 +01:00
Bruno Windels
ece5cb1fcc
Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental
...
Tiled room UI
2019-01-09 17:25:08 +00:00
Bruno Windels
254427461d
fix PR feedback
2019-01-09 12:48:13 +01:00
David Baker
54898a6c35
Fix black-on-black GIF icon for stickers
...
Text colour ended up being the link colour on images because the
whole image is in an `a`, but stickers are not so it got the default
font colour, which might be black. Define an explicit colour.
Also set pointer-events: none so you can hover over the gif icon
too (I managed to make the message panel small which made the icon
cover most the image, so this prevented the gif from animating
at all).
Fixes https://github.com/vector-im/riot-web/issues/8004
2019-01-07 13:49:01 +00:00
Travis Ralston
8017f0a4a1
Merge remote-tracking branch 'origin/experimental' into travis/develop-for-real
2019-01-03 16:00:23 -07:00
David Baker
f928be6f59
Revert "Merge pull request #2395 from matrix-org/dbkr/merge_develop_experimental"
...
This reverts commit ad47144355
.
2019-01-03 15:37:03 -07:00
David Baker
7d161de35b
Partial merge of develop to experimental
...
Does not include #2336 as the file has been moved out from underneath it:
will do this separately
2019-01-03 15:02:58 +00:00
Nad Chishtie
5723ae6040
Defined $accent-color-alt in all themes
2018-12-20 16:06:02 +00:00
J. Ryan Stinnett
a92d2902c4
Add an in-room reminder to set up key recovery
...
This adds an in-room reminder above the message timeline to set up Secure
Message Recovery so that your keys will be backed up. If you try to ignore it,
an additional dialog is shown to confirm.
Fixes vector-im/riot-web#7783 .
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-07 14:13:02 -06:00
Bruno Windels
67e0030ccd
Merge branch 'develop' into experimental
2018-11-26 13:10:29 +01:00
Travis Ralston
7dd610b41e
Merge pull request #2235 from MaxwellKepler/develop
...
Added badge to non-autoplay GIFs
2018-11-16 13:25:40 -07:00
Travis Ralston
8916c90fed
Make the 'Accept' button for consent a little more friendly
...
Part of https://github.com/vector-im/riot-web/issues/7700
2018-11-15 20:26:37 -07:00
Bruno Windels
8c62dddb32
one big commit, sorry
...
changing looks of input & buttons
changing background color of right panels
moving invite button around
change margins and paddings in memberlist
2018-10-24 13:50:58 +02:00
Bruno Windels
466062e872
Merge pull request #2239 from matrix-org/bwindels/topleftmenu1
...
Redesign: 1st go at top left menu & restyling context menus
2018-10-23 19:37:05 +00:00
Bruno Windels
b7ab207778
move sendername colors to theme
2018-10-23 15:48:44 +02:00
Bruno Windels
eba91d3edc
initial restyle of context menus with drop shadow
2018-10-23 15:23:59 +02:00
Maxwell Kepler
54f9231582
Added badge to GIFs ( https://github.com/vector-im/riot-web/issues/7344 )
2018-10-22 20:57:58 +01:00
David Baker
6593ee09d1
Warning bar for MAU limit hit
...
Somewhat untested, sorry
2018-08-07 17:04:37 +01:00
David Baker
b5d2fa769c
Support MAU error on sync
...
For https://github.com/vector-im/riot-web/issues/7091
2018-08-03 14:54:52 +01:00
Matthew Hodgson
6d1563449d
fix missing NLs
2018-04-17 16:57:08 +01:00
Matthew Hodgson
5f3e4444d0
fix theme paths
2018-04-13 01:25:34 +01:00
Matthew Hodgson
cdb5d489a4
organise themes (even light & dark) in the SDK layer
2018-04-12 00:24:22 +01:00