PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Various colour, contrast and legibility improvements.

Browse source
This commit is contained in:
Nad Chishtie 2018-12-20 11:35:21 +00:00
parent 6c2d2f60cf
commit d7473c4f4d
5 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/structures/_RoomSubList.scss
View file

@ -94,7 +94,7 @@ limitations under the License.
font-weight: 600; font-weight: 600;
font-size: 12px; font-size: 12px;
padding: 0 5px; padding: 0 5px;
background-color: $accent-color; background-color: $roomtile-name-color;
} }
.mx_RoomSubList_addRoom, .mx_RoomSubList_badge { .mx_RoomSubList_addRoom, .mx_RoomSubList_badge {
@ -114,7 +114,7 @@ limitations under the License.
} }
.mx_RoomSubList_badgeHighlight { .mx_RoomSubList_badgeHighlight {
background-color: $warning-color; background-color: $accent-color;
} }
.mx_RoomSubList_chevron { .mx_RoomSubList_chevron {

4
res/css/views/rooms/_RoomTile.scss
View file

@ -112,11 +112,11 @@ limitations under the License.
} }
.mx_RoomTile_unreadNotify .mx_RoomTile_badge { .mx_RoomTile_unreadNotify .mx_RoomTile_badge {
background-color: $accent-color; background-color: $roomtile-name-color;
} }
.mx_RoomTile_highlight .mx_RoomTile_badge { .mx_RoomTile_highlight .mx_RoomTile_badge {
background-color: $warning-color; background-color: $accent-color;
} }
.mx_RoomTile_unread, .mx_RoomTile_highlight { .mx_RoomTile_unread, .mx_RoomTile_highlight {

8
res/img/icons-close.svg
View file

@ -75,22 +75,22 @@
<g <g
id="icons_create_room" id="icons_create_room"
transform="translate(20,18)"> transform="translate(20,18)">
<path <path
id="Line" id="Line"
class="st1" class="st1"
d="M -2.5,28.5 4.6,21.4" d="M -2.5,28.5 4.6,21.4"
style="fill:none;stroke:#9fa9ba;stroke-width:2;stroke-linecap:round;stroke-opacity:1" style="fill:none;stroke:#454545;stroke-width:2;stroke-linecap:round;stroke-opacity:1"
inkscape:connector-curvature="0" /> inkscape:connector-curvature="0" />
<path <path
id="Line_1_" id="Line_1_"
class="st1" class="st1"
d="m -2.5,21.5 7.1,7.1" d="m -2.5,21.5 7.1,7.1"
style="fill:none;stroke:#9fa9ba;stroke-width:2;stroke-linecap:round;stroke-opacity:1" style="fill:none;stroke:#454545;stroke-width:2;stroke-linecap:round;stroke-opacity:1"
inkscape:connector-curvature="0" /> inkscape:connector-curvature="0" />
</g> </g>
</g> </g>
</g> </g>
</g> </g>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

2
res/img/topleft-chevron.svg
View file

@ -64,7 +64,7 @@
<g <g
id="matrix-my-stuff-no-lines-message-context-menu-smaller-icons" id="matrix-my-stuff-no-lines-message-context-menu-smaller-icons"
transform="translate(-203,-25)" transform="translate(-203,-25)"
style="stroke:#212121;stroke-width:1.29999995"> style="stroke:#61708b;stroke-width:1.6">
<g <g
id="Group-3" id="Group-3"
transform="translate(128,15)"> transform="translate(128,15)">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

9
res/themes/dharma/css/_dharma.scss
View file

@ -121,13 +121,13 @@ $rte-group-pill-color: #aaa;
$topleftmenu-color: #212121; $topleftmenu-color: #212121;
$roomheader-color: #45474a; $roomheader-color: #45474a;
$roomheader-addroom-color: #929eb4; $roomheader-addroom-color: #91A1C0;
$roomtopic-color: #9fa9ba; $roomtopic-color: #9fa9ba;
$eventtile-meta-color: $roomtopic-color; $eventtile-meta-color: $roomtopic-color;
// ******************** // ********************
$roomtile-name-color: #929eb4; $roomtile-name-color: #61708b;
$roomtile-selected-color: #212121; $roomtile-selected-color: #212121;
$roomtile-notified-color: #212121; $roomtile-notified-color: #212121;
$roomtile-selected-bg-color: #fff; $roomtile-selected-bg-color: #fff;
@ -215,7 +215,10 @@ $progressbar-color: #000;
> input[type=search] { > input[type=search] {
border: none; border: none;
flex: 1; flex: 1;
color: inherit; //from .mx_textinput color: $primary-fg-color;
},
input::placeholder {
color: $roomsublist-label-fg-color;
} }
} }
} }