OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

rethemedex

pull/21833/head
Matthew Hodgson 2018-04-13 00:54:41 +01:00
parent 40a67ca8fe
commit 5d03eabb15
3 changed files with 110 additions and 293 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

182
res/css/_base.scss
View File

@ -1,182 +0,0 @@
/* Open Sans lacks combining diacritics, so these will fall through
to the next font. Helevetica's diacritics however do not combine
nicely with Open Sans (on OSX, at least) and result in a huge
horizontal mess. Arial empirically gets it right, hence prioritising
Arial here. */
$font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
// typical text (dark-on-white in light skin)
$primary-fg-color: #454545;
$primary-bg-color: #ffffff;
// used for dialog box text
$light-fg-color: #747474;
// used for focusing form controls
$focus-bg-color: #dddddd;
// button UI (white-on-green in light skin)
$accent-fg-color: #ffffff;
$accent-color: #76CFA6;
$selection-fg-color: $primary-bg-color;
$focus-brightness: 125%;
// red warning colour
$warning-color: #ff0064;
$mention-user-pill-bg-color: #ff0064;
$other-user-pill-bg-color: rgba(0, 0, 0, 0.1);
// pinned events indicator
$pinned-unread-color: #ff0064; // $warning-color
$pinned-color: #888;
// informational plinth
$info-plinth-bg-color: #f7f7f7;
$info-plinth-fg-color: #888;
$preview-bar-bg-color: #f7f7f7;
// left-panel style muted accent color
$secondary-accent-color: #eaf5f0;
$tertiary-accent-color: #d3efe1;
// used by RoomDirectory permissions
$plinth-bg-color: $secondary-accent-color;
// used by RoomDropTarget
$droptarget-bg-color: rgba(255,255,255,0.5);
// used by AddressSelector
$selected-color: $secondary-accent-color;
// selected for hoverover & selected event tiles
$event-selected-color: #f7f7f7;
// used for the hairline dividers in RoomView
$primary-hairline-color: #e5e5e5;
// used for the border of input text fields
$input-border-color: #f0f0f0;
// apart from login forms, which have stronger border
$strong-input-border-color: #c7c7c7;
// used for UserSettings EditableText
$input-underline-color: rgba(151, 151, 151, 0.5);
$input-fg-color: rgba(74, 74, 74, 0.9);
// context menus
$menu-border-color: rgba(187, 187, 187, 0.5);
$menu-bg-color: #f6f6f6;
$avatar-initial-color: #ffffff;
$avatar-bg-color: #ffffff;
$h3-color: #3d3b39;
$dialog-background-bg-color: #e9e9e9;
$lightbox-background-bg-color: #000;
$greyed-fg-color: #888;
$neutral-badge-color: #dbdbdb;
$preview-widget-bar-color: #ddd;
$preview-widget-fg-color: $greyed-fg-color;
$blockquote-bar-color: #ddd;
$blockquote-fg-color: #777;
$settings-grey-fg-color: #a2a2a2;
$voip-decline-color: #f48080;
$voip-accept-color: #80f480;
$rte-bg-color: #e9e9e9;
$rte-code-bg-color: rgba(0, 0, 0, 0.04);
$rte-room-pill-color: #aaa;
// ********************
$roomtile-name-color: rgba(69, 69, 69, 0.8);
$roomtile-selected-bg-color: rgba(255, 255, 255, 0.8);
$roomtile-focused-bg-color: rgba(255, 255, 255, 0.9);
$roomtile-transparent-focused-color: rgba(0, 0, 0, 0.1);
$roomsublist-background: rgba(0, 0, 0, 0.05);
$roomsublist-label-fg-color: $h3-color;
$roomsublist-label-bg-color: $tertiary-accent-color;
$roomsublist-chevron-color: $accent-color;
$panel-divider-color: rgba(118, 207, 166, 0.2);
// ********************
$widget-menu-bar-bg-color: $tertiary-accent-color;
// ********************
// event tile lifecycle
$event-encrypting-color: #abddbc;
$event-sending-color: #ddd;
$event-notsent-color: #f44;
// event redaction
$event-redacted-fg-color: #e2e2e2;
$event-redacted-border-color: #cccccc;
// event timestamp
$event-timestamp-color: #acacac;
$edit-button-url: "../../img/icon_context_message.svg";
$copy-button-url: "../../img/icon_copy_message.svg";
// e2e
$e2e-verified-color: #76cfa5; // N.B. *NOT* the same as $accent-color
$e2e-unverified-color: #e8bf37;
$e2e-warning-color: #ba6363;
// presence
$presence-online: #60de00;
$presence-unavailable: #deb800;
$presence-offline: #b7b7b7;
/*** ImageView ***/
$lightbox-bg-color: #454545;
$lightbox-fg-color: #ffffff;
$lightbox-border-color: #ffffff;
// unused?
$progressbar-color: #000;
// ***** Mixins! *****
@define-mixin mx_DialogButton {
/* align images in buttons (eg spinners) */
vertical-align: middle;
border: 0px;
border-radius: 36px;
font-family: $font-family;
font-size: 14px;
color: $accent-fg-color;
background-color: $accent-color;
width: auto;
padding: 7px;
padding-left: 1.5em;
padding-right: 1.5em;
cursor: pointer;
display: inline-block;
outline: none;
}
@define-mixin mx_DialogButton_hover {
}
@define-mixin mx_DialogButton_small {
@mixin mx_DialogButton;
font-size: 15px;
padding: 0px 1.5em 0px 1.5em;
}

218
res/css/_components.scss
View File

@ -1,111 +1,111 @@
// autogenerated by rethemendex.sh // autogenerated by rethemendex.sh
@import "./_common.scss"; @import "./_common.scss";
@import "./matrix-react-sdk/structures/_ContextualMenu.scss"; @import "./_fonts.scss";
@import "./matrix-react-sdk/structures/_CreateRoom.scss"; @import "./structures/_CompatibilityPage.scss";
@import "./matrix-react-sdk/structures/_FilePanel.scss"; @import "./structures/_ContextualMenu.scss";
@import "./matrix-react-sdk/structures/_GroupView.scss"; @import "./structures/_CreateRoom.scss";
@import "./matrix-react-sdk/structures/_LoginBox.scss"; @import "./structures/_FilePanel.scss";
@import "./matrix-react-sdk/structures/_MatrixChat.scss"; @import "./structures/_GroupView.scss";
@import "./matrix-react-sdk/structures/_MyGroups.scss"; @import "./structures/_HomePage.scss";
@import "./matrix-react-sdk/structures/_NotificationPanel.scss"; @import "./structures/_LeftPanel.scss";
@import "./matrix-react-sdk/structures/_RoomStatusBar.scss"; @import "./structures/_LoginBox.scss";
@import "./matrix-react-sdk/structures/_RoomView.scss"; @import "./structures/_MatrixChat.scss";
@import "./matrix-react-sdk/structures/_SearchBox.scss"; @import "./structures/_MyGroups.scss";
@import "./matrix-react-sdk/structures/_TagPanel.scss"; @import "./structures/_NotificationPanel.scss";
@import "./matrix-react-sdk/structures/_UploadBar.scss"; @import "./structures/_RightPanel.scss";
@import "./matrix-react-sdk/structures/_UserSettings.scss"; @import "./structures/_RoomDirectory.scss";
@import "./matrix-react-sdk/structures/login/_Login.scss"; @import "./structures/_RoomStatusBar.scss";
@import "./matrix-react-sdk/views/avatars/_BaseAvatar.scss"; @import "./structures/_RoomSubList.scss";
@import "./matrix-react-sdk/views/avatars/_MemberPresenceAvatar.scss"; @import "./structures/_RoomView.scss";
@import "./matrix-react-sdk/views/dialogs/_BugReportDialog.scss"; @import "./structures/_SearchBox.scss";
@import "./matrix-react-sdk/views/dialogs/_ChatCreateOrReuseChatDialog.scss"; @import "./structures/_TagPanel.scss";
@import "./matrix-react-sdk/views/dialogs/_ChatInviteDialog.scss"; @import "./structures/_UploadBar.scss";
@import "./matrix-react-sdk/views/dialogs/_ConfirmUserActionDialog.scss"; @import "./structures/_UserSettings.scss";
@import "./matrix-react-sdk/views/dialogs/_CreateGroupDialog.scss"; @import "./structures/_ViewSource.scss";
@import "./matrix-react-sdk/views/dialogs/_CreateRoomDialog.scss"; @import "./structures/login/_Login.scss";
@import "./matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss"; @import "./views/avatars/_BaseAvatar.scss";
@import "./matrix-react-sdk/views/dialogs/_GroupAddressPicker.scss"; @import "./views/avatars/_MemberPresenceAvatar.scss";
@import "./matrix-react-sdk/views/dialogs/_QuestionDialog.scss"; @import "./views/context_menus/_MessageContextMenu.scss";
@import "./matrix-react-sdk/views/dialogs/_SetMxIdDialog.scss"; @import "./views/context_menus/_PresenceContextMenuOption.scss";
@import "./matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss"; @import "./views/context_menus/_RoomTileContextMenu.scss";
@import "./matrix-react-sdk/views/elements/_AccessibleButton.scss"; @import "./views/context_menus/_TagTileContextMenu.scss";
@import "./matrix-react-sdk/views/elements/_AddressSelector.scss"; @import "./views/dialogs/_BugReportDialog.scss";
@import "./matrix-react-sdk/views/elements/_AddressTile.scss"; @import "./views/dialogs/_ChangelogDialog.scss";
@import "./matrix-react-sdk/views/elements/_DirectorySearchBox.scss"; @import "./views/dialogs/_ChatCreateOrReuseChatDialog.scss";
@import "./matrix-react-sdk/views/elements/_Dropdown.scss"; @import "./views/dialogs/_ChatInviteDialog.scss";
@import "./matrix-react-sdk/views/elements/_EditableItemList.scss"; @import "./views/dialogs/_ConfirmUserActionDialog.scss";
@import "./matrix-react-sdk/views/elements/_MemberEventListSummary.scss"; @import "./views/dialogs/_CreateGroupDialog.scss";
@import "./matrix-react-sdk/views/elements/_ProgressBar.scss"; @import "./views/dialogs/_CreateRoomDialog.scss";
@import "./matrix-react-sdk/views/elements/_Quote.scss"; @import "./views/dialogs/_DevtoolsDialog.scss";
@import "./matrix-react-sdk/views/elements/_RichText.scss"; @import "./views/dialogs/_EncryptedEventDialog.scss";
@import "./matrix-react-sdk/views/elements/_RoleButton.scss"; @import "./views/dialogs/_GroupAddressPicker.scss";
@import "./matrix-react-sdk/views/elements/_ToolTipButton.scss"; @import "./views/dialogs/_QuestionDialog.scss";
@import "./matrix-react-sdk/views/groups/_GroupPublicityToggle.scss"; @import "./views/dialogs/_SetEmailDialog.scss";
@import "./matrix-react-sdk/views/groups/_GroupRoomList.scss"; @import "./views/dialogs/_SetMxIdDialog.scss";
@import "./matrix-react-sdk/views/groups/_GroupUserSettings.scss"; @import "./views/dialogs/_SetPasswordDialog.scss";
@import "./matrix-react-sdk/views/login/_InteractiveAuthEntryComponents.scss"; @import "./views/dialogs/_UnknownDeviceDialog.scss";
@import "./matrix-react-sdk/views/login/_ServerConfig.scss"; @import "./views/directory/_NetworkDropdown.scss";
@import "./matrix-react-sdk/views/messages/_MEmoteBody.scss"; @import "./views/elements/_AccessibleButton.scss";
@import "./matrix-react-sdk/views/messages/_MFileBody.scss"; @import "./views/elements/_AddressSelector.scss";
@import "./matrix-react-sdk/views/messages/_MImageBody.scss"; @import "./views/elements/_AddressTile.scss";
@import "./matrix-react-sdk/views/messages/_MStickerBody.scss"; @import "./views/elements/_DirectorySearchBox.scss";
@import "./matrix-react-sdk/views/messages/_MNoticeBody.scss"; @import "./views/elements/_Dropdown.scss";
@import "./matrix-react-sdk/views/messages/_MTextBody.scss"; @import "./views/elements/_EditableItemList.scss";
@import "./matrix-react-sdk/views/messages/_RoomAvatarEvent.scss"; @import "./views/elements/_ImageView.scss";
@import "./matrix-react-sdk/views/messages/_TextualEvent.scss"; @import "./views/elements/_InlineSpinner.scss";
@import "./matrix-react-sdk/views/messages/_UnknownBody.scss"; @import "./views/elements/_MemberEventListSummary.scss";
@import "./matrix-react-sdk/views/rooms/_AppsDrawer.scss"; @import "./views/elements/_ProgressBar.scss";
@import "./matrix-react-sdk/views/rooms/_Autocomplete.scss"; @import "./views/elements/_Quote.scss";
@import "./matrix-react-sdk/views/rooms/_EntityTile.scss"; @import "./views/elements/_RichText.scss";
@import "./matrix-react-sdk/views/rooms/_EventTile.scss"; @import "./views/elements/_RoleButton.scss";
@import "./matrix-react-sdk/views/rooms/_LinkPreviewWidget.scss"; @import "./views/elements/_Spinner.scss";
@import "./matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss"; @import "./views/elements/_SyntaxHighlight.scss";
@import "./matrix-react-sdk/views/rooms/_MemberInfo.scss"; @import "./views/elements/_ToolTipButton.scss";
@import "./matrix-react-sdk/views/rooms/_MemberList.scss"; @import "./views/globals/_MatrixToolbar.scss";
@import "./matrix-react-sdk/views/rooms/_MessageComposer.scss"; @import "./views/groups/_GroupPublicityToggle.scss";
@import "./matrix-react-sdk/views/rooms/_Stickers.scss"; @import "./views/groups/_GroupRoomList.scss";
@import "./matrix-react-sdk/views/rooms/_PinnedEventTile.scss"; @import "./views/groups/_GroupUserSettings.scss";
@import "./matrix-react-sdk/views/rooms/_PinnedEventsPanel.scss"; @import "./views/login/_InteractiveAuthEntryComponents.scss";
@import "./matrix-react-sdk/views/rooms/_PresenceLabel.scss"; @import "./views/login/_ServerConfig.scss";
@import "./matrix-react-sdk/views/rooms/_QuotePreview.scss"; @import "./views/messages/_DateSeparator.scss";
@import "./matrix-react-sdk/views/rooms/_RoomHeader.scss"; @import "./views/messages/_MEmoteBody.scss";
@import "./matrix-react-sdk/views/rooms/_RoomList.scss"; @import "./views/messages/_MFileBody.scss";
@import "./matrix-react-sdk/views/rooms/_RoomPreviewBar.scss"; @import "./views/messages/_MImageBody.scss";
@import "./matrix-react-sdk/views/rooms/_RoomSettings.scss"; @import "./views/messages/_MNoticeBody.scss";
@import "./matrix-react-sdk/views/rooms/_RoomTile.scss"; @import "./views/messages/_MStickerBody.scss";
@import "./matrix-react-sdk/views/rooms/_SearchableEntityList.scss"; @import "./views/messages/_MTextBody.scss";
@import "./matrix-react-sdk/views/rooms/_TopUnreadMessagesBar.scss"; @import "./views/messages/_MessageTimestamp.scss";
@import "./matrix-react-sdk/views/settings/_DevicesPanel.scss"; @import "./views/messages/_RoomAvatarEvent.scss";
@import "./matrix-react-sdk/views/settings/_IntegrationsManager.scss"; @import "./views/messages/_SenderProfile.scss";
@import "./matrix-react-sdk/views/voip/_CallView.scss"; @import "./views/messages/_TextualEvent.scss";
@import "./matrix-react-sdk/views/voip/_IncomingCallbox.scss"; @import "./views/messages/_UnknownBody.scss";
@import "./matrix-react-sdk/views/voip/_VideoView.scss"; @import "./views/rooms/_AppsDrawer.scss";
@import "./vector-web/_fonts.scss"; @import "./views/rooms/_Autocomplete.scss";
@import "./vector-web/structures/_CompatibilityPage.scss"; @import "./views/rooms/_EntityTile.scss";
@import "./vector-web/structures/_HomePage.scss"; @import "./views/rooms/_EventTile.scss";
@import "./vector-web/structures/_LeftPanel.scss"; @import "./views/rooms/_LinkPreviewWidget.scss";
@import "./vector-web/structures/_RightPanel.scss"; @import "./views/rooms/_MemberDeviceInfo.scss";
@import "./vector-web/structures/_RoomDirectory.scss"; @import "./views/rooms/_MemberInfo.scss";
@import "./vector-web/structures/_RoomSubList.scss"; @import "./views/rooms/_MemberList.scss";
@import "./vector-web/structures/_ViewSource.scss"; @import "./views/rooms/_MessageComposer.scss";
@import "./vector-web/views/context_menus/_MessageContextMenu.scss"; @import "./views/rooms/_PinnedEventTile.scss";
@import "./vector-web/views/context_menus/_PresenceContextMenuOption.scss"; @import "./views/rooms/_PinnedEventsPanel.scss";
@import "./vector-web/views/context_menus/_RoomTileContextMenu.scss"; @import "./views/rooms/_PresenceLabel.scss";
@import "./vector-web/views/context_menus/_TagTileContextMenu.scss"; @import "./views/rooms/_QuotePreview.scss";
@import "./vector-web/views/dialogs/_ChangelogDialog.scss"; @import "./views/rooms/_RoomDropTarget.scss";
@import "./vector-web/views/dialogs/_DevtoolsDialog.scss"; @import "./views/rooms/_RoomHeader.scss";
@import "./vector-web/views/dialogs/_SetEmailDialog.scss"; @import "./views/rooms/_RoomList.scss";
@import "./vector-web/views/dialogs/_SetPasswordDialog.scss"; @import "./views/rooms/_RoomPreviewBar.scss";
@import "./vector-web/views/directory/_NetworkDropdown.scss"; @import "./views/rooms/_RoomSettings.scss";
@import "./vector-web/views/elements/_ImageView.scss"; @import "./views/rooms/_RoomTile.scss";
@import "./vector-web/views/elements/_InlineSpinner.scss"; @import "./views/rooms/_RoomTooltip.scss";
@import "./vector-web/views/elements/_Spinner.scss"; @import "./views/rooms/_SearchBar.scss";
@import "./vector-web/views/elements/_SyntaxHighlight.scss"; @import "./views/rooms/_SearchableEntityList.scss";
@import "./vector-web/views/globals/_MatrixToolbar.scss"; @import "./views/rooms/_Stickers.scss";
@import "./vector-web/views/messages/_DateSeparator.scss"; @import "./views/rooms/_TopUnreadMessagesBar.scss";
@import "./vector-web/views/messages/_MessageTimestamp.scss"; @import "./views/settings/_DevicesPanel.scss";
@import "./vector-web/views/messages/_SenderProfile.scss"; @import "./views/settings/_IntegrationsManager.scss";
@import "./vector-web/views/rooms/_RoomDropTarget.scss"; @import "./views/settings/_Notifications.scss";
@import "./vector-web/views/rooms/_RoomTooltip.scss"; @import "./views/voip/_CallView.scss";
@import "./vector-web/views/rooms/_SearchBar.scss"; @import "./views/voip/_IncomingCallbox.scss";
@import "./vector-web/views/settings/_Notifications.scss"; @import "./views/voip/_VideoView.scss";

3
res/css/rethemendex.sh
View File

@ -5,8 +5,7 @@ cd `dirname $0`
{ {
echo "// autogenerated by rethemendex.sh" echo "// autogenerated by rethemendex.sh"
find . \! \( -path ./themes -prune \) -iname _\*.scss | find . -iname _\*.scss | fgrep -v _components.scss | LC_ALL=C sort |
fgrep -v _components.scss | LC_ALL=C sort |
while read i; do while read i; do
echo "@import \"$i\";" echo "@import \"$i\";"
done done