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
1cecabb0b3
Replace $roomtile-name-color with $muted-fg-color (equivalent)
2020-07-17 16:03:26 -06:00
a30da8dcdb
Rename RoomList2 SCSS variables
2020-07-17 15:59:35 -06:00
c9b0b3b31d
RoomSublist2 -> RoomSublist
2020-07-17 15:46:46 -06:00
2441cbc9ac
LeftPanel2 -> LeftPanel
2020-07-17 15:22:18 -06:00
6e5efd0839
stop Inter from clobbering Twemoji
...
Fixes the bug where red heart emoji appear monochrome
2020-07-17 00:35:41 +01:00
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
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
54a060cbb1
Fix user info section headers on the dark theme
2020-07-14 14:15:24 -06:00
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
38549ecf4c
change accent color
2020-07-14 20:36:27 +02:00
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
d39974b590
change bg color to that of the room list
2020-07-14 20:17:31 +02:00
1f9657c7fb
Make message previews more legible
2020-07-14 19:05:49 +01:00
0c3501e317
make field border less bright
2020-07-14 19:19:27 +02:00
4d14a1d6b3
change right panel/event tile hover bg color
2020-07-14 19:19:07 +02:00
c2456d9b81
change room header/timeline/composer bg
2020-07-14 19:18:42 +02:00
25d3257d80
rename element(-dark) to light/dark so old prefs apply
2020-07-14 18:39:14 +02:00
9700e7e269
Tweak blur & alpha on panels
2020-07-14 13:35:31 +01:00
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
fcf5fc0990
Fix normal e2e icon colour
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-14 13:30:05 +01:00
1578b1c3d3
different blur radius for dark theme
2020-07-14 14:24:35 +02:00
c936439ad5
only remove underline for links in element theme
2020-07-14 12:52:28 +02:00
488f49dc5c
redefine variable rather than picking a different one
...
to not break other teams
2020-07-14 12:51:51 +02:00
0cb0d2a4eb
Apply 1 suggestion(s) to 1 file(s)
2020-07-14 09:27:53 +00:00
d70b510d81
Tweak panel colours
2020-07-14 00:06:12 +01:00
00f0f6dd34
add color for room list header color
2020-07-09 19:17:34 +02:00
c0d2e29720
add theme variable for room header background color
2020-07-09 19:16:30 +02:00
eb706951db
dark theme color adjustments
2020-07-09 19:15:44 +02:00
0d53521e83
dark theme WIP
2020-07-09 14:48:15 +02:00
7dad56ca86
Merge branch 'develop' into element
2020-07-08 15:50:17 +02:00
269c30f8e8
Revert "also blur the sticky headers"
...
This reverts commit 82e0816d86
2020-07-08 15:47:01 +02:00
6b5eaca0b9
Remove comment
2020-07-07 16:45:43 +01:00
da1d1ffa09
Change colour to orange and do some lints
2020-07-07 15:42:54 +01:00
92a2621815
also apply sticky header bg color when backdrop-filter is not supported
2020-07-07 13:22:13 +02:00
137a81501a
fix tooltip bg colors
...
introduce new color variable for inverted backgrounds like dark tooltip
2020-07-06 15:40:30 +02:00
918d091878
make background image not move too much when resizing left panel
2020-07-03 16:56:10 +02:00
82ca98cdd5
clear background on show more button in element theme
2020-07-03 16:53:06 +02:00
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
ae0bb2a2aa
rename file to mod, for all theme modifications
2020-07-01 15:02:20 +02:00
dad47148ae
clear hairlines by making them transparent for now ...
...
also some color changes
2020-06-30 13:28:19 +02:00
6fc4be386a
add blurred, blended avatar background to left panel
2020-06-30 13:28:19 +02:00
c0a9af945c
use Inter as font
2020-06-30 13:28:19 +02:00
baebab7b16
Add element theme
2020-06-30 13:28:19 +02:00
129ff3a6e0
Match line colour from user menu in sublist menu
2020-06-25 15:17:19 -06:00
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
e083856801
allow changing the font-family
2020-06-23 17:53:40 +02:00
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
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
f9a4151a6e
Add rudimentary dark theme support
2020-06-12 13:52:54 -06:00
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
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
1d8833e9f8
Selected state, cleanup, and profile display
2020-06-05 14:08:20 -06:00
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
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
bab7d5f461
Some lints
2020-05-06 17:25:54 +01:00
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
8b8b5256be
actually use timeline highlight color
2020-04-28 16:49:25 +02:00
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
b1870660d8
support theming username colors
2020-04-27 17:31:22 +02:00
2f68f608c5
add 15pct value of accent color for FormButton backgrounds
...
so the button in the toasts has the correct background color
2020-04-27 17:30:28 +02:00
06f4eca05d
Background opacity
2020-04-23 14:15:33 +01:00
61b45afcd3
Slightly darker toggle off bg color
2020-04-23 12:28:39 +01:00
28dca9e525
Match figma color scheme
2020-04-23 11:33:28 +01:00
abd94a65bd
Move compoenets/FontSlider to views/Slider
2020-04-23 10:45:47 +01:00
df73f12320
Make a font slider
2020-04-23 10:45:47 +01:00
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
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
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
1d5001544c
Improve colouring
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-18 17:32:36 +00:00
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
c8493d5b08
Solve fixed-width digits display in flowed text
...
Noto Color Emoji contains digits, in fixed-width, therefore causing digits in flowed text to stand out.
Fixes: https://github.com/vector-im/riot-web/issues/12504
Signed-off-by: Ben Bucksch <ben.bucksch@beonex.com>
2020-02-26 15:32:29 +01:00
12c4e45387
User verified but device deleted isn't a useful state
2020-01-20 17:15:38 +00:00
f77eb07849
Verify individual messages via cross-signing
...
Fixes #11880
2020-01-20 15:16:41 +00:00
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
8ec8a7c015
Comment rationale for swapping dark theme colors
...
Signed-off-by: Justin Sleep <justin@midnightmechanism.com>
2020-01-05 17:58:07 -06:00
dcdf68d7e1
Explicitly define diff colors in light theme
...
Signed-off-by: Justin Sleep <justin@midnightmechanism.com>
2020-01-05 17:35:39 -06:00
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
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
f1c62e7dab
make colors slightly more opaque than in design
...
as it is very light otherwise
2019-11-22 16:04:51 +01:00
0d2f9c4215
add verification request tile + styling
2019-11-07 19:54:56 +01:00
27ca73bf63
add copyright headers
2019-10-02 11:06:31 +02:00
fc6a68cd1d
add support for dark theme
2019-10-01 17:00:29 +02:00
15b7a5af31
fix contrast issue
...
when badges with and without highlighted state have a very
different brightness (as they might do in dark mode), hardcoding
the fg color of a badge independent of it's highlighted state
to $accent-fg-color doesn't work well, so add an extra SASS
variable we can reassign to something more specific in the custom theme
2019-10-01 16:58:14 +02:00
c1edd6d0b5
apply new pallete with 13 colors
2019-10-01 15:31:43 +02:00
01909f81c4
also theme values close to custom palette variables
...
these values are not exactly the same as the palette values,
so we're essentially flattening the color palette used in the
theme, but this is needed when assigning custom colors for it
to look good.
2019-09-26 16:16:05 +02:00
Michael Telatynski