From 826bc478f84a43108045d5c77faef394ac3d440d Mon Sep 17 00:00:00 2001 From: Malte Brandy Date: Wed, 19 Jan 2022 14:14:54 +0100 Subject: [PATCH] Try Element theme --- home-manager/roles/chat.nix | 28 +++- home-manager/roles/neovim/default.nix | 2 + overlays/element-web/user.css | 197 -------------------------- 3 files changed, 27 insertions(+), 200 deletions(-) diff --git a/home-manager/roles/chat.nix b/home-manager/roles/chat.nix index 5f8a870d..9910585e 100644 --- a/home-manager/roles/chat.nix +++ b/home-manager/roles/chat.nix @@ -6,12 +6,34 @@ weechat = pkgs.writeShellScriptBin "weechat" "ssh -t hera 'TMUX_TMPDIR=/run/user/1000 tmux -L weechat attach'"; }; xdg.configFile."Element/config.json".text = builtins.toJSON { - settingsDefaults.custom_themes = [ + settingDefaults.custom_themes = [ { name = "My Theme"; + is_dark = false; colors = { - primary-color = "#000040"; - accent-color = "#4040ff"; + accent-color = "#3daee9"; + accent = "#3daee9"; + primary-color = "#00aff4"; + warning-color = "#da4453"; + alert = "#da4453"; + + sidebar-color = "#31363b"; + roomlist-background-color = "#2a2e32"; + roomlist-text-color = "#b8b9ba"; + roomlist-text-secondary-color = "#808182"; + roomlist-highlights-color = "#4b4f54"; + roomlist-separator-color = "#64686b"; + + timeline-background-color = "#1b1e20"; + timeline-text-color = "#fcfcfc"; + secondary-content = "#b8b9ba"; + tertiary-content = "#b8b9ba"; + timeline-text-secondary-color = "#74828f"; + timeline-highlights-color = "#232629"; + eventbubble-others-bg = "#232629"; + eventbubble-self-bg = "#223b49"; + eventbubble-selected-bg = "#2d5c76"; + reaction-row-button-selected-bg-color = "#346e8e"; }; } ]; diff --git a/home-manager/roles/neovim/default.nix b/home-manager/roles/neovim/default.nix index 4478f42d..4287f879 100644 --- a/home-manager/roles/neovim/default.nix +++ b/home-manager/roles/neovim/default.nix @@ -59,6 +59,8 @@ in papercolor-theme vim-airline-themes LanguageTool-nvim + vim-css-color + # === # Languages # haskell syntax highlighting diff --git a/overlays/element-web/user.css b/overlays/element-web/user.css index ba913736..8f226ea6 100644 --- a/overlays/element-web/user.css +++ b/overlays/element-web/user.css @@ -5,200 +5,3 @@ .mx_RoomTile_nameHasUnreadEvents { font-weight: normal !important; } - -/* Basic styles */ - -body { - color: #000; - user-select: none !important; -} - -input, textarea { - user-select: text !important; -} -input[type=text], textarea { - cursor: text; -} - -/* App header */ - -.mx_RoomHeader { - background: #efefef; - border-bottom: 1px solid #ccc; -} -.mx_RoomHeader_buttons { - background: transparent; -} - -/* Bottom bar */ - -.mx_MessageComposer { - background: #efefef; - border-top: 1px solid #ccc; -} - -.mx_MessageComposer_avatar img { - background-color: transparent; -} - -.mx_BasicMessageComposer_input { - background: #fff; - padding: 8px !important; - border-radius: 8px; -} - -/* Left bars */ - -.mx_SpacePanel_spaceTreeWrapper { - background: transparent; - padding: 0 !important; -} - -.mx_LeftPanel, -.mx_SpacePanel { - background: #EFEFEF !important; -} -.mx_LeftPanel > * { - background: transparent !important; -} -.mx_LeftPanel .mx_LeftPanel_roomListContainer { - backdrop-filter: none; -} - -.mx_SpacePanel { - border-right: 1px solid #ccc; -} - -.mx_SpacePanel_toggleCollapse, -.mx_SpacePanel li > div { - padding: 0; - margin: 0 !important; -} - -.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer { - margin-left: 0; - margin-right: 0; -} - -.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_userHeader { - padding: 12px 0 !important; -} - -.mx_RoomSublist_resizeBox { - user-select: none !important; -} - -.mx_LeftPanel.mx_LeftPanel_minimized .mx_LeftPanel_roomListContainer { - width: 48px; -} - -.mx_RoomTile.mx_RoomTile_selected { - background-color: #308CC6; - border-radius: 8px; -} -.mx_DecoratedRoomAvatar_icon { - background: #fff !important; - margin: 2px !important; - border: 2px solid #fff; -} - -.mx_RoomSublist_resizeBox { - overflow: initial !important; -} - - -.mx_SpaceButton_narrow { - position: relative; -} - -.mx_SpaceButton_narrow > .mx_SpaceButton_toggleCollapse { - width: 10px !important; - height: 12px !important; - border-radius: 4px; - border: 1px solid #ccc !important; - background-color: #efefef !important; - position: absolute; - bottom: 0px; - right: 0px; - z-index: 10; - -webkit-mask-image: unset !important; - mask-image: unset !important; - transform: unset !important; -} -.mx_SpaceButton_narrow > .mx_SpaceButton_toggleCollapse::before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 5px; - height: 5px; - display: block; - border-top: 2px solid #ccc; - border-right: 2px solid #ccc; - transform: translateX(-3px) translateY(2px) rotate(45deg); -} - -.mx_SpaceButton_selectionWrapper { -} -.mx_SpaceButton_active .mx_SpaceButton_selectionWrapper { - border-radius: 8px !important; - border-color: #308cc6 !important; - background: #308cc6 !important; -} -.mx_SpaceButton_active .mx_SpaceButton_selectionWrapper > img { - border-radius: 5px !important;; -} -.mx_SpaceButton_selectionWrapper > img { - border-radius: 6px !important; - height: 32px !important; - width: 32px !important; - position: relative; -} - -.mx_ResizeHandle:hover { - background: #cccccc; -} - -.mx_ResizeHandle { - background: #cccc; - width: 1px !important; - padding: 0 !important; - margin: 0; - margin-right: 0 !important; -} - -/* Messages view */ - -.mx_RoomView_MessageList { - user-select: text !important; - padding: 0; - padding-left: 2px; -} - -.mx_RoomView_messageListWrapper { - /* Ensures read state is trackable */ - padding-bottom: 2px; -} - -.mx_WhoIsTypingTile { - border-top: 1px solid #ccc; - background: #efefef; - padding: 0; - position: relative; - top: 2px; /* See .mx_RoomView_messageListWrapper */ -} - -.mx_IRCLayout .mx_EventTile .mx_MessageTimestamp { - width: auto; -} - -.mx_EventTile_content { - margin-right: initial; -} - -.mx_MImageBody_thumbnail_container { - max-height: 64px !important; -} -.mx_MImageBody_thumbnail { - width: auto; -}