├── .github └── FUNDING.yml ├── LICENSE ├── README.md ├── anotherstorm.tdesktop-palette ├── anotherstorm.tdesktop-theme └── screenshots ├── AnotherStorm01.png ├── AnotherStorm02.png ├── AnotherStorm03.png └── AnotherStorm04.png /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: ['https://money.yandex.ru/to/410015993365458', 'https://paypal.me/mairwunnx'] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 13 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Pavel Erokhin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Another Storm color theme 🥰 2 | 3 | > ## A dark theme for telegram desktop 4 | 5 | #### ❗ Compatibility with telegram 1.8.X - 2.1.6 (and maybe newer) versions. 6 | 7 | ## 🚀 Install using Telegram: 8 | > ##### Telegram has a built-in link handler for installing themes. Just follow the link below 9 | 10 | ``` 11 | 🌍 For all: 12 | t.me/addtheme/anotherstorm 13 | 14 | 🇷🇺 For russian users: 15 | https://t-do.ru/addtheme/anotherstorm 16 | ``` 17 | 18 | ## ✊ Manually installing 19 | 20 | 1. In Telegram Desktop, go to setting and under the **Chat settings** section click on **Choose from file** in **Chat background**. 21 | 2. Select the `anotherstorm.tdesktop-theme` file you just downloaded. 22 | 3. Click **Keep Changes** to apply the theme. 23 | 24 | ## 🎉 Result 25 | 26 | ![Another Storm theme](https://github.com/MairwunNx/AnotherStorm/blob/Desktop-1.8.X/screenshots/AnotherStorm01.png) 27 | 28 | ![Another Storm theme](https://github.com/MairwunNx/AnotherStorm/blob/Desktop-1.8.X/screenshots/AnotherStorm02.png) 29 | 30 | ![Another Storm theme](https://github.com/MairwunNx/AnotherStorm/blob/Desktop-1.8.X/screenshots/AnotherStorm03.png) 31 | 32 | ![Another Storm theme](https://github.com/MairwunNx/AnotherStorm/blob/Desktop-1.8.X/screenshots/AnotherStorm04.png) 33 | 34 | > ## Made with 💕 by [MairwunNx](https://mairwunnx.github.io/) 35 | -------------------------------------------------------------------------------- /anotherstorm.tdesktop-palette: -------------------------------------------------------------------------------- 1 | // THEME EDITOR SERVICE INFO START 2 | // ID: 5212976749763100673 3 | // ACCESS: 2557748432510740746 4 | // THEME EDITOR SERVICE INFO END 5 | 6 | windowBg: #202020; // white: fallback for background 7 | windowFg: #bcbcbc; // black: fallback for text 8 | windowBgOver: #282828; // light gray: fallback for background with mouse over 9 | windowBgRipple: #343434; // darker gray: fallback for ripple effect 10 | windowFgOver: #dfdfdf; // black: fallback for text with mouse over 11 | windowSubTextFg: #e06c76; // gray: fallback for additional text 12 | windowSubTextFgOver: #e86e79; // darker gray: fallback for additional text with mouse over 13 | windowBoldFg: #bbbbbb; // dark gray: fallback for bold text 14 | windowBoldFgOver: #dfdfdf; // dark gray: fallback for bold text with mouse over 15 | windowBgActive: #e06c76; // bright blue: fallback for blue filled active areas 16 | windowFgActive: #bcbcbc; // white: fallback for text on active areas 17 | windowActiveTextFg: #e06c76; // online blue: fallback for active text like online status 18 | windowShadowFg: #000000; // black: fallback for shadow 19 | windowShadowFgFallback: #222222; // gray: fallback for shadow without opacity 20 | shadowFg: #181818c7; // most shadows (including opacity) 21 | slideFadeOutBg: #2121218d; // slide animation (chat to profile) fade out filling 22 | slideFadeOutShadowFg: windowShadowFg; // slide animation (chat to profile) fade out right section shadow 23 | imageBg: #000000; // image background fallback (when photo size is less than minimum allowed) 24 | imageBgTransparent: #ffffff; // image background when displaying an image with opacity where no opacity is needed 25 | activeButtonBg: #ad4855; // default active button background 26 | activeButtonBgOver: #95484e; // default active button background with mouse over 27 | activeButtonBgRipple: #343434; // default active button ripple effect 28 | activeButtonFg: #f0f0f0; // default active button text 29 | activeButtonFgOver: #ffffff; // default active button text with mouse over 30 | activeButtonSecondaryFg: #f0f0f0; // default active button additional text (selected messages counter in forward / delete buttons) 31 | activeButtonSecondaryFgOver: activeButtonSecondaryFg; // default active button additional text with mouse over 32 | activeLineFg: #ea4855; // default active line (like code input field bottom border when you log in and field is focused) 33 | activeLineFgError: #ef5959; // default active line for error state (like code input field bottom border when you log in and you've entered incorrect code) 34 | lightButtonBg: #202020; // default light button background (like buttons in boxes) 35 | lightButtonBgOver: #282828; // default light button background with mouse over 36 | lightButtonBgRipple: #343434; // default light button ripple effect 37 | lightButtonFg: #bbbbbb; // default light button text 38 | lightButtonFgOver: #bcbcbc; // default light button text with mouse over 39 | attentionButtonFg: #ec3942; // default attention button text (like confirm button on log out) 40 | attentionButtonFgOver: #ec3942; // default attention button text with mouse over 41 | attentionButtonBgOver: #592a2a64; // default attention button background with mouse over 42 | attentionButtonBgRipple: #68323264; // default attention button ripple effect 43 | outlineButtonBg: windowBg; // default left outlined button background (like shared media links in profiles) 44 | outlineButtonBgOver: #202b37; // default left outlined button background with mouse over 45 | outlineButtonOutlineFg: #3983c3; // default left outlined button left outline border 46 | outlineButtonBgRipple: #27323f; // default left outlined button ripple effect 47 | menuBg: #202020; // default popup menu background 48 | menuBgOver: #bcbcbc; // default popup menu item background with mouse over 49 | menuBgRipple: #1f2934; // default popup menu item ripple effect 50 | menuIconFg: #737373; // default popup menu item icon (like main menu) 51 | menuIconFgOver: #bcbcbc; // default popup menu item icon with mouse over 52 | menuSubmenuArrowFg: #bbbbbb; // default popup menu submenu arrow icon (like in message field context menu in case of RTL system language) 53 | menuFgDisabled: #606060; // default popup menu item disabled text (like unavailable items in message field context menu) 54 | menuSeparatorFg: #353535; // default popup menu separator (like in message field context menu) 55 | scrollBarBg: #ffffff53; // default scroll bar current rectangle, the bar itself (like in chats list) 56 | scrollBarBgOver: #ffffff7a; // default scroll bar current rectangle with mouse over it 57 | scrollBg: #ffffff1a; // default scroll bar background 58 | scrollBgOver: #ffffff2c; // default scroll bar background with mouse over the scroll bar 59 | smallCloseIconFg: #5f5f5f; // small X icon (like in Show all sessions box to the right for sessions termination) 60 | smallCloseIconFgOver: #9c9c9c; // small X icon with mouse over 61 | radialFg: windowFgActive; // default radial loader line (like in Media Viewer when loading a photo) 62 | radialBg: #00000056; // default radial loader background (like in Media Viewer when loading a photo) 63 | placeholderFg: #414141; // default input field placeholder when field is not focused (like in phone input field when you log in) 64 | placeholderFgActive: #606060; // default input field placeholder when field is focused 65 | inputBorderFg: #353535; // default input field bottom border (like in code input field when you log in and field is not focused) 66 | filterInputBorderFg: #242424; // default rounded input field border (like in chats list search field when field is focused) 67 | filterInputInactiveBg: #242424; // default rounded input field background (like in chats list search field when field is inactive) 68 | checkboxFg: #606060; // default unchecked checkbox rounded rectangle (and also emoji category icons) 69 | sliderBgInactive: #606060; // default slider not active bar (like in Settings when you choose interface scale or custom notifications count) 70 | sliderBgActive: #ea4855; // default slider active bar (like in Settings when you choose interface scale or custom notifications count) 71 | tooltipBg: #262626; // tooltip background (like when you put mouse over the message timestamp and wait) 72 | tooltipFg: #dedede; // tooltip text 73 | tooltipBorderFg: #262626; // tooltip border 74 | titleShadow: #00000000; // one pixel line shadow at the bottom of custom window title 75 | titleBg: #222222; // custom window title background when window is inactive 76 | titleBgActive: #242424; // custom window title background when window is active 77 | titleButtonBg: titleBg; // custom window title minimize/maximize/restore button background when window is inactive (Windows only) 78 | titleButtonFg: #747474; // custom window title minimize/maximize/restore button icon when window is inactive (Windows only) 79 | titleButtonBgOver: #303030; // custom window title minimize/maximize/restore button background with mouse over when window is inactive (Windows only) 80 | titleButtonFgOver: #747474; // custom window title minimize/maximize/restore button icon with mouse over when window is inactive (Windows only) 81 | titleButtonBgActive: #242424; // custom window title minimize/maximize/restore button background when window is active (Windows only) 82 | titleButtonFgActive: titleButtonFg; // custom window title minimize/maximize/restore button icon when window is active (Windows only) 83 | titleButtonBgActiveOver: #303030; // custom window title minimize/maximize/restore button background with mouse over when window is active (Windows only) 84 | titleButtonFgActiveOver: titleButtonFgOver; // custom window title minimize/maximize/restore button icon with mouse over when window is active (Windows only) 85 | titleButtonCloseBg: titleButtonBg; // custom window title close button background when window is inactive (Windows only) 86 | titleButtonCloseFg: titleButtonFg; // custom window title close button icon when window is inactive (Windows only) 87 | titleButtonCloseBgOver: #e92539; // custom window title close button background with mouse over when window is inactive (Windows only) 88 | titleButtonCloseFgOver: #202020; // custom window title close button icon with mouse over when window is inactive (Windows only) 89 | titleButtonCloseBgActive: #242424; // custom window title close button background when window is active (Windows only) 90 | titleButtonCloseFgActive: titleButtonCloseFg; // custom window title close button icon when window is active (Windows only) 91 | titleButtonCloseBgActiveOver: #e92539; // custom window title close button background with mouse over when window is active (Windows only) 92 | titleButtonCloseFgActiveOver: titleButtonCloseFgOver; // custom window title close button icon with mouse over when window is active (Windows only) 93 | titleFg: #747474; // custom window title text when window is inactive (macOS only) 94 | titleFgActive: #9d9d9d; // custom window title text when window is active (macOS only) 95 | trayCounterBg: #f23c34; // tray icon counter background 96 | trayCounterBgMute: #888888; // tray icon counter background if all unread messages are muted 97 | trayCounterFg: #ffffff; // tray icon counter text 98 | trayCounterBgMacInvert: #ffffff; // tray icon counter background when tray icon is pressed or when dark theme of macOS is used (macOS only) 99 | trayCounterFgMacInvert: #ffffff01; // tray icon counter text when tray icon is pressed or when dark theme of macOS is used (macOS only) 100 | layerBg: #0000007f; // box and main menu background layer fade 101 | cancelIconFg: #747474; // default for settings close icon and box search cancel icon 102 | cancelIconFgOver: #9d9d9d; // default for settings close icon and box search cancel icon with mouse over 103 | boxBg: #202020; // box background 104 | boxTextFg: windowFg; // box text 105 | boxTextFgGood: #e06c76; // accepted box text (like when choosing username that is not occupied) 106 | boxTextFgError: #dc3d3d; // rejecting box text (like when choosing username that is occupied) 107 | boxTitleFg: #bcbcbc; // box title text 108 | boxSearchBg: #242424; // box search field background (like in contacts box) 109 | boxTitleAdditionalFg: #747474; // box title additional text (like in create group box when you see chosen members count) 110 | boxTitleCloseFg: cancelIconFg; // settings close icon and box search cancel icon (like in contacts box) 111 | boxTitleCloseFgOver: cancelIconFgOver; // settings close icon and box search cancel icon (like in contacts box) with mouse over 112 | membersAboutLimitFg: #9d9d9d; // text in channel members box about the limit (max 200 last members are shown) 113 | contactsBg: #202020; // contacts (and some other) box row background 114 | contactsBgOver: #242424; // contacts (and some other) box row background with mouse over 115 | contactsNameFg: boxTextFg; // contacts (and some other) box row name text 116 | contactsStatusFg: #606060; // contacts (and some other) box row additional text (like last seen stamp) 117 | contactsStatusFgOver: #747474; // contacts (and some other) box row additional text (like last seen stamp) with mouse over 118 | contactsStatusFgOnline: #e06c76; // contacts (and some other) box row active additional text (like online status) 119 | photoCropFadeBg: layerBg; // avatar crop box fade background (when choosing a new photo in Settings or for a group) 120 | photoCropPointFg: #ffffff7f; // avatar crop box corner rectangles (when choosing a new photo in Settings or for a group) 121 | callArrowFg: #76e06c; // received phone call arrow (in calls list box) 122 | callArrowMissedFg: #e06c76; // missed phone call arrow (in calls list box) 123 | introBg: windowBg; // login background 124 | introTitleFg: #bbbbbb; // login title text 125 | introDescriptionFg: #9c9c9c; // login description text 126 | introErrorFg: #e94040; // login error text (like when providing a wrong log in code) 127 | introCoverTopBg: #124a82; // intro gradient top (from) 128 | introCoverBottomBg: #23659f; // intro gradient bottom (to) 129 | introCoverIconsFg: #3b7cbd; // intro cloud graphics 130 | introCoverPlaneTrace: #3870a8; // intro plane traces 131 | introCoverPlaneInner: #ced9e2; // intro plane part 132 | introCoverPlaneOuter: #97a9b5; // intro plane part 133 | introCoverPlaneTop: #ffffff; // intro plane part 134 | dialogsMenuIconFg: #bbbbbb; // main menu and lock telegram icon 135 | dialogsMenuIconFgOver: menuIconFgOver; // main menu and lock telegram icon with mouse over 136 | dialogsBg: windowBg; // chat list background 137 | dialogsNameFg: #bcbcbc; // chat list name text 138 | dialogsChatIconFg: dialogsNameFg; // chat list group or channel icon 139 | dialogsDateFg: #747474; // chat list date text 140 | dialogsTextFg: #9d9d9d; // chat list message text 141 | dialogsTextFgService: #e06c76; // chat list group sender name text (or media message type text) 142 | dialogsDraftFg: #ff525d; // chat list draft label 143 | dialogsVerifiedIconBg: #e06c76; // chat list verified icon background 144 | dialogsVerifiedIconFg: #202020; // chat list verified icon check 145 | dialogsSendingIconFg: #e06c76; // chat list sending message icon (clock) 146 | dialogsSentIconFg: #e06c76; // chat list sent message tick / double tick icon 147 | dialogsUnreadBg: #e06c76; // chat list unread badge background for not muted chat 148 | dialogsUnreadBgMuted: #606060; // chat list unread badge background for muted chat 149 | dialogsUnreadFg: #202020; // chat list unread badge text 150 | dialogsBgOver: #262626; // chat list background with mouse over 151 | dialogsOnlineBadgeFg: #e06c76; // chat list online status 152 | dialogsNameFgOver: #dfdfdf; // chat list name text with mouse over 153 | dialogsChatIconFgOver: #dfdfdf; // chat list group or channel icon with mouse over 154 | dialogsDateFgOver: #dfdfdf; // chat list date text with mouse over 155 | dialogsTextFgOver: #bcbcbc; // chat list message text with mouse over 156 | dialogsTextFgServiceOver: #e06c76; // chat list group sender name text with mouse over 157 | dialogsDraftFgOver: dialogsDraftFg; // chat list draft label with mouse over 158 | dialogsVerifiedIconBgOver: #e06c76; // chat list verified icon background with mouse over 159 | dialogsVerifiedIconFgOver: dialogsVerifiedIconFg; // chat list verified icon check with mouse over 160 | dialogsSendingIconFgOver: #e06c76; // chat list sending message icon (clock) with mouse over 161 | dialogsSentIconFgOver: #e06c76; // chat list sent message tick / double tick icon with mouse over 162 | dialogsUnreadBgOver: #e06c76; // chat list unread badge background for not muted chat with mouse over 163 | dialogsUnreadBgMutedOver: #747474; // chat list unread badge background for muted chat with mouse over 164 | dialogsUnreadFgOver: #bbbbbb; // chat list unread badge text with mouse over 165 | dialogsBgActive: #303030; // chat list background for current (active) chat 166 | dialogsNameFgActive: windowFgActive; // chat list name text for current (active) chat 167 | dialogsChatIconFgActive: dialogsNameFgActive; // chat list group or channel icon for current (active) chat 168 | dialogsDateFgActive: windowFgActive; // chat list date text for current (active) chat 169 | dialogsTextFgActive: windowFgActive; // chat list message text for current (active) chat 170 | dialogsTextFgServiceActive: dialogsTextFgActive; // chat list group sender name text for current (active) chat 171 | dialogsDraftFgActive: #ea4855; // chat list draft label for current (active) chat 172 | dialogsVerifiedIconBgActive: dialogsTextFgActive; // chat list verified icon background for current (active) chat 173 | dialogsVerifiedIconFgActive: dialogsBgActive; // chat list verified icon check for current (active) chat 174 | dialogsSendingIconFgActive: #ffffff99; // chat list sending message icon (clock) for current (active) chat 175 | dialogsSentIconFgActive: dialogsTextFgActive; // chat list sent message tick / double tick icon for current (active) chat 176 | dialogsUnreadBgActive: dialogsTextFgActive; // chat list unread badge background for not muted chat for current (active) chat 177 | dialogsUnreadBgMutedActive: #747474; // chat list unread badge background for muted chat for current (active) chat 178 | dialogsUnreadFgActive: #bbbbbb; // chat list unread badge text for current (active) chat 179 | dialogsOnlineBadgeFgActive: #ffffff; // chat list online status for current (active) chat 180 | dialogsRippleBg: #303030; // 181 | dialogsRippleBgActive: #343434; // 182 | dialogsForwardBg: dialogsBgActive; // forwarding panel background (when forwarding messages in the smallest window size) 183 | dialogsForwardFg: dialogsNameFgActive; // forwarding panel text (when forwarding messages in the smallest window size) 184 | searchedBarBg: #282828; // search results bar background (in chats list, contacts box..) 185 | searchedBarFg: #bcbcbc; // search results bar text (in chats list, contacts box..) 186 | topBarBg: #202020; // top bar background (in chat view, media overview..) 187 | emojiPanBg: windowBg; // emoji panel background 188 | emojiPanCategories: #282828; // emoji panel categories background 189 | emojiPanHeaderFg: #bbbbbb; // emoji panel section header text 190 | emojiPanHeaderBg: #bbbbbb; // emoji panel section header background 191 | stickerPanDeleteBg: #000000cc; // delete X button background for custom sent stickers in stickers panel (legacy) 192 | stickerPanDeleteFg: windowFgActive; // delete X button icon for custom sent stickers in stickers panel (legacy) 193 | stickerPreviewBg: #000000b0; // sticker and GIF preview background (when you press and hold on a sticker) 194 | historyTextInFg: windowFg; // inbox message text 195 | historyTextInFgSelected: #dedede; // inbox message selected text or text in a selected message 196 | historyTextOutFg: #bbbbbb; // outbox message text 197 | historyTextOutFgSelected: #dedede; // outbox message selected text or text in a selected message 198 | historyLinkInFg: #e06c76; // inbox message link 199 | historyLinkInFgSelected: #e06c76; // inbox message link in a selected text or message 200 | historyLinkOutFg: #e06c76; // outbox message link 201 | historyLinkOutFgSelected: #e06c76; // outbox message link in a selected text or message 202 | historyFileNameInFg: historyTextInFg; // inbox media filename text 203 | historyFileNameInFgSelected: #dfdfdf; // inbox media filename text in a selected message 204 | historyFileNameOutFg: #bbbbbb; // outbox media filename text 205 | historyFileNameOutFgSelected: #dfdfdf; // outbox media filename text in a selected message 206 | historyOutIconFg: #e06c76; // outbox message tick / double tick icon 207 | historyOutIconFgSelected: #bbbbbb; // outbox message tick / double tick icon in a selected message 208 | historyIconFgInverted: #ffffffe5; // media message tick / double tick icon (like in sent photo) 209 | historySendingOutIconFg: #e06c76; // outbox sending message icon (clock) 210 | historySendingInIconFg: #e06c76; // inbox sending message icon (clock) (like in sent messages to yourself or in sent messages to a channel) 211 | historySendingInvertedIconFg: #ffffffc8; // media sending message icon (clock) (like in sent photo) 212 | historyCallArrowInFg: #76e06c; // received phone call arrow 213 | historyCallArrowInFgSelected: #ffffff; // received phone call arrow in a selected message 214 | historyCallArrowMissedInFg: callArrowMissedFg; // missed phone call arrow 215 | historyCallArrowMissedInFgSelected: #ffffff; // missed phone call arrow in a selected message 216 | historyCallArrowOutFg: #76e06c; // outgoing phone call arrow 217 | historyCallArrowOutFgSelected: #ffffff; // outgoing phone call arrow 218 | historyUnreadBarBg: #323232; // new unread messages bar background 219 | historyUnreadBarBorder: #03080d00; // new unread messages bar shadow 220 | historyUnreadBarFg: #bbbbbb; // new unread messages bar text 221 | historyForwardChooseBg: #0000004c; // forwarding messages in a large window size "choose recipient" background 222 | historyForwardChooseFg: windowFgActive; // forwarding messages in a large window size "choose recipient" text 223 | historyPeer1NameFg: #fb6169; // red group member name 224 | historyPeer1NameFgSelected: #e06c76; // red group member name in a selected message 225 | historyPeer1UserpicBg: #dd4554; // red userpic background 226 | historyPeer2NameFg: #85de85; // green group member name 227 | historyPeer2NameFgSelected: #e06c76; // green group member name in a selected message 228 | historyPeer2UserpicBg: #63aa55; // green userpic background 229 | historyPeer3NameFg: #f3bc5c; // yellow group member name 230 | historyPeer3NameFgSelected: #e06c76; // yellow group member name in a selected message 231 | historyPeer3UserpicBg: #d0973c; // yellow userpic background 232 | historyPeer4NameFg: #65bdf3; // blue group member name 233 | historyPeer4NameFgSelected: #e06c76; // blue group member name in a selected message 234 | historyPeer4UserpicBg: #4388b9; // blue userpic background 235 | historyPeer5NameFg: #b48bf2; // purple group member name 236 | historyPeer5NameFgSelected: #e06c76; // purple group member name in a selected message 237 | historyPeer5UserpicBg: #7965c1; // purple userpic background 238 | historyPeer6NameFg: #ff5694; // pink group member name 239 | historyPeer6NameFgSelected: #e06c76; // pink group member name in a selected message 240 | historyPeer6UserpicBg: #cb4f87; // pink userpic background 241 | historyPeer7NameFg: #62d4e3; // sea group member name 242 | historyPeer7NameFgSelected: #e06c76; // sea group member name in a selected message 243 | historyPeer7UserpicBg: #41a4a6; // sea userpic background 244 | historyPeer8NameFg: #faa357; // orange group member name 245 | historyPeer8NameFgSelected: #e06c76; // orange group member name in a selected message 246 | historyPeer8UserpicBg: #db863b; // orange userpic background 247 | historyPeerUserpicFg: #202020; // default userpic initials 248 | historyScrollBarBg: #7f84897a; // scroll bar current rectangle, the bar itself in the chat view (adjusted) 249 | historyScrollBarBgOver: #64686cbc; // scroll bar current rectangle with mouse over it in the chat view (adjusted) 250 | historyScrollBg: #565a5e4c; // scroll bar background (adjusted) 251 | historyScrollBgOver: #5a5d616b; // scroll bar background with mouse over the scroll bar (adjusted) 252 | msgInBg: #282828; // inbox message background 253 | msgInBgSelected: #323232; // inbox selected message background (and background of selected text in those messages) 254 | msgOutBg: #282828; // outbox message background 255 | msgOutBgSelected: #323232; // outbox selected message background (and background of selected text in those messages) 256 | msgSelectOverlay: #e06c764c; // overlay which is filling the media parts of selected messages (like in selected photo message) 257 | msgStickerOverlay: #e06c767f; // overlay which is filling the selected sticker message 258 | msgInServiceFg: #e06c76; // inbox message information text (like information about a forwarded message original sender) 259 | msgInServiceFgSelected: #e06c76; // inbox selected message information text (like information about a forwarded message original sender) 260 | msgOutServiceFg: #e06c76; // outbox message information text (like information about a forwarded message original sender) 261 | msgOutServiceFgSelected: #e06c76; // outbox message information text (like information about a forwarded message original sender) 262 | msgInShadow: #748ea200; // inbox message shadow (below the bubble) 263 | msgInShadowSelected: #538ebb00; // inbox selected message shadow (below the bubble) 264 | msgOutShadow: #00000000; // outbox message shadow (below the bubble) 265 | msgOutShadowSelected: #366ea600; // outbox selected message shadow (below the bubble) 266 | msgInDateFg: #747474; // inbox message time text 267 | msgInDateFgSelected: #9d9d9d; // inbox selected message time text 268 | msgOutDateFg: #747474; // outbox message time text 269 | msgOutDateFgSelected: #9d9d9d; // outbox selected message time text 270 | msgServiceFg: #bcbcbc; // service message text (like date dividers or service message about the group title being changed) 271 | msgServiceBg: #282828d5; // service message background (like in a service message about group title being changed) (adjusted) 272 | msgServiceBgSelected: #2e7ab4; // service message selected text background (like in a service message about group title being changed) (adjusted) 273 | msgInReplyBarColor: #e06c76; // inbox message reply outline 274 | msgInReplyBarSelColor: #e06c76; // inbox selected message reply outline 275 | msgOutReplyBarColor: #e06c76; // outbox message reply outline 276 | msgOutReplyBarSelColor: #e06c76; // outbox selected message reply outline 277 | msgImgReplyBarColor: msgServiceFg; // sticker message reply outline 278 | msgInMonoFg: #e06c76; // inbox message monospace text (like a message sent with `test` text) 279 | msgOutMonoFg: #e06c76; // outbox message monospace text 280 | msgInMonoFgSelected: #e06c76; // inbox message monospace text in a selected text or message 281 | msgOutMonoFgSelected: #e06c76; // outbox message monospace text in a selected text or message 282 | msgDateImgFg: #fffffff2; // media message time text (like time text in a sent photo) 283 | msgDateImgBg: #00000054; // media message time bubble background (like time bubble in a sent photo) or file with thumbnail download icon circle background 284 | msgDateImgBgOver: #00000074; // media message download icon circle background with mouse over (like file with thumbnail download icon) 285 | msgDateImgBgSelected: #e06c7687; // selected media message time bubble background 286 | msgFileThumbLinkInFg: lightButtonFg; // inbox media file message with thumbnail download / open with button text 287 | msgFileThumbLinkInFgSelected: #dedede; // inbox selected media file message with thumbnail download / open with button text 288 | msgFileThumbLinkOutFg: #e06c76; // outbox media file message with thumbnail download / open with button text 289 | msgFileThumbLinkOutFgSelected: #ffffff; // outbox selected media file message with thumbnail download / open with button text 290 | msgFileInBg: #e06c76; // inbox audio file download circle background 291 | msgFileInBgOver: #e06c76; // inbox audio file download circle background with mouse over 292 | msgFileInBgSelected: #e06c76; // inbox selected audio file download circle background 293 | msgFileOutBg: #e06c76; // outbox audio file download circle background 294 | msgFileOutBgOver: #e06c76; // outbox audio file download circle background with mouse over 295 | msgFileOutBgSelected: #e06c76; // outbox selected audio file download circle background 296 | msgFile1Bg: #e06c76; // blue shared links / files without image square thumbnail 297 | msgFile1BgDark: #24679e; // blue shared files without image download circle background 298 | msgFile1BgOver: #1d5e93; // blue shared files without image download circle background with mouse over 299 | msgFile1BgSelected: #ffffff; // blue shared files without image download circle background if file is selected 300 | msgFile2Bg: #3ea34a; // green shared links / shared files without image square thumbnail 301 | msgFile2BgDark: #298835; // green shared files without image download circle background 302 | msgFile2BgOver: #1b7725; // green shared files without image download circle background with mouse over 303 | msgFile2BgSelected: #1b7725; // green shared files without image download circle background if file is selected 304 | msgFile3Bg: #d6454c; // red shared links / shared files without image square thumbnail 305 | msgFile3BgDark: #bf333a; // red shared files without image download circle background 306 | msgFile3BgOver: #b2282f; // red shared files without image download circle background with mouse over 307 | msgFile3BgSelected: #b2282f; // red shared files without image download circle background if file is selected 308 | msgFile4Bg: #d99546; // yellow shared links / shared files without image square thumbnail 309 | msgFile4BgDark: #c17d39; // yellow shared files without image download circle background 310 | msgFile4BgOver: #ac6b29; // yellow shared files without image download circle background with mouse over 311 | msgFile4BgSelected: #ac6b29; // yellow shared files without image download circle background if file is selected 312 | historyFileInIconFg: #282828; // inbox file without thumbnail (like audio file) download arrow icon 313 | historyFileInIconFgSelected: #323232; // inbox selected file without thumbnail (like audio file) download arrow icon 314 | historyFileInRadialFg: #dedede; // inbox file without thumbnail (like audio file) radial download animation line 315 | historyFileInRadialFgSelected: historyFileInIconFgSelected; // inbox selected file without thumbnail (like audio file) radial download animation line 316 | historyFileOutIconFg: #282828; // outbox file without thumbnail (like audio file) download arrow icon 317 | historyFileOutIconFgSelected: #323232; // outbox selected file without thumbnail (like audio file) download arrow icon 318 | historyFileOutRadialFg: #ffffff; // outbox file without thumbnail (like audio file) radial download animation line 319 | historyFileOutRadialFgSelected: #ffffff; // outbox selected file without thumbnail (like audio file) radial download animation line 320 | historyFileThumbIconFg: #efefef; // file with thumbnail (or photo / video) download arrow icon 321 | historyFileThumbIconFgSelected: #ffffff; // selected file with thumbnail (or photo / video) download arrow icon 322 | historyFileThumbRadialFg: historyFileThumbIconFg; // file with thumbnail (or photo / video) radial download animation line 323 | historyFileThumbRadialFgSelected: #ffffff; // selected file with thumbnail (or photo / video) radial download animation line 324 | historyVideoMessageProgressFg: historyFileThumbIconFg; // radial playback progress in round video messages 325 | msgWaveformInActive: #e06c76; // inbox voice message active waveform lines (like played part of currently playing voice message) 326 | msgWaveformInActiveSelected: #e06c76; // inbox selected voice message active waveform lines (like played part of currently playing voice message) 327 | msgWaveformInInactive: #5f5f5f; // inbox voice message inactive waveform lines (like upcoming part of currently playing voice message) 328 | msgWaveformInInactiveSelected: #737373; // inbox selected voice message inactive waveform lines (like upcoming part of currently playing voice message) 329 | msgWaveformOutActive: #e06c76; // outbox voice message active waveform lines (like played part of currently playing voice message) 330 | msgWaveformOutActiveSelected: #e06c76; // outbox selected voice message active waveform lines (like played part of currently playing voice message) 331 | msgWaveformOutInactive: #5f5f5f; // outbox voice message inactive waveform lines (like upcoming part of currently playing voice message) 332 | msgWaveformOutInactiveSelected: #737373; // outbox selected voice message inactive waveform lines (like upcoming part of currently playing voice message) 333 | msgBotKbOverBgAdd: #bababa0f; // this is painted over a bot inline keyboard button (which has msgServiceBg background) when mouse is over that button 334 | msgBotKbIconFg: msgServiceFg; // bot inline keyboard button icon in the top-right corner (like in @vote bot when a poll is ready to be shared) 335 | msgBotKbRippleBg: #e8e8e80b; // bot inline keyboard button ripple effect 336 | mediaInFg: msgInDateFg; // inbox media message status text (like in file that is being downloaded) 337 | mediaInFgSelected: msgInDateFgSelected; // inbox selected media message status text (like in file that is being downloaded) 338 | mediaOutFg: msgOutDateFg; // outbox media message status text (like in file that is being downloaded) 339 | mediaOutFgSelected: msgOutDateFgSelected; // outbox selected media message status text (like in file that is being downloaded) 340 | youtubePlayIconBg: #e83131c8; // youtube play icon background (when a link to a youtube video with a webpage preview is sent) 341 | youtubePlayIconFg: windowFgActive; // youtube play icon arrow (when a link to a youtube video with a webpage preview is sent) 342 | videoPlayIconBg: #0000007f; // other video play icon background (like when a link to a vimeo video with a webpage preview is sent) 343 | videoPlayIconFg: #ffffff; // other video play icon arrow (like when a link to a vimeo video with a webpage preview is sent) 344 | toastBg: #000000b2; // toast notification background (like when you click on your t.me link when editing your username) 345 | toastFg: windowFgActive; // toast notification text (like when you click on your t.me link when editing your username) 346 | reportSpamBg: #282828; // report spam panel background (like a non contact user writes your for the first time) 347 | reportSpamFg: windowFg; // report spam panel text (when you send a report from that panel) 348 | historyToDownBg: #323232; // arrow button background (to scroll to the end of the viewed chat) 349 | historyToDownBgOver: #353535; // arrow button background with mouse over 350 | historyToDownBgRipple: #424242; // arrow button ripple effect 351 | historyToDownFg: #adb4ba; // arrow button icon 352 | historyToDownFgOver: menuIconFgOver; // arrow button icon with mouse over 353 | historyToDownShadow: #00000040; // arrow button shadow 354 | historyComposeAreaBg: #202020; // history compose area background (message write area / reply information / forwarding information) 355 | historyComposeAreaFg: historyTextInFg; // history compose area text 356 | historyComposeAreaFgService: msgInDateFg; // history compose area text when replying to a media message 357 | historyComposeIconFg: menuIconFg; // history compose area icon (like emoji, attach, bot command..) 358 | historyComposeIconFgOver: menuIconFgOver; // history compose area icon with mouse over 359 | historySendIconFg: windowBgActive; // send message icon 360 | historySendIconFgOver: windowBgActive; // send message icon with mouse over 361 | historyPinnedBg: #282828; // pinned message area background 362 | historyReplyBg: #202020; // reply / forward / edit message area background 363 | historyReplyIconFg: windowBgActive; // reply / forward / edit message left icon 364 | historyReplyCancelFg: cancelIconFg; // reply / forward / edit message cancel button 365 | historyReplyCancelFgOver: cancelIconFgOver; // reply / forward / edit message cancel button with mouse over 366 | historyComposeButtonBg: historyComposeAreaBg; // unblock / join channel / mute channel button background 367 | historyComposeButtonBgOver: #282828; // unblock / join channel / mute channel button background with mouse over 368 | historyComposeButtonBgRipple: #343434; // unblock / join channel / mute channel button ripple effect 369 | overviewCheckBg: #00000040; // shared files / links checkbox background for not selected rows when some rows are selected 370 | overviewCheckFg: #ffffff; // shared files / links checkbox icon for not selected rows when some rows are selected 371 | overviewCheckFgActive: #ffffff; // shared files / links checkbox icon for selected rows 372 | overviewPhotoSelectOverlay: #e06c7633; // shared photos / videos / links fill for selected rows 373 | profileStatusFgOver: #e06c76; // group members list in group profile user last seen text with mouse over 374 | profileVerifiedCheckBg: windowBgActive; // profile verified check icon background 375 | profileVerifiedCheckFg: #202020; // profile verified check icon tick 376 | profileAdminStartFg: #e06c76; // group members list admin star icon 377 | notificationsBoxMonitorFg: windowFg; // custom notifications settings box monitor color 378 | notificationsBoxScreenBg: dialogsBgActive; // #6389a8; // custom notifications settings box monitor screen background 379 | notificationSampleUserpicFg: windowBgActive; // custom notifications settings box small sample userpic placeholder 380 | notificationSampleCloseFg: #d7d7d7; // custom notifications settings box small sample close button placeholder 381 | notificationSampleTextFg: #d7d7d7; // custom notifications settings box small sample text placeholder 382 | notificationSampleNameFg: #939393; // custom notifications settings box small sample name placeholder 383 | changePhoneSimcardFrom: notificationSampleTextFg; // change phone number box left simcard icon 384 | changePhoneSimcardTo: notificationSampleNameFg; // change phone number box right simcard and plane icons 385 | mainMenuBg: windowBg; // main menu background 386 | mainMenuCoverBg: #282828; // main menu top cover background 387 | mainMenuCoverFg: windowFgActive; // main menu top cover text 388 | mainMenuCloudFg: activeButtonFg; // 389 | mainMenuCloudBg: #414141; // 390 | mediaPlayerBg: #202020; // audio file player background 391 | mediaPlayerActiveFg: windowBgActive; // audio file player playback progress already played part 392 | mediaPlayerInactiveFg: #323232; // audio file player playback progress upcoming (not played yet) part with mouse over 393 | mediaPlayerDisabledFg: #eb959c; // audio file player loading progress (when you're playing an audio file and switch to the previous one which is not loaded yet) 394 | mediaviewFileBg: windowBg; // file rectangle background (when you view a png file in Media Viewer and go to a previous, not loaded yet, file) 395 | mediaviewFileNameFg: windowFg; // file name in file rectangle 396 | mediaviewFileSizeFg: windowSubTextFg; // file size text in file rectangle 397 | mediaviewFileRedCornerFg: #d55959; // red file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .pdf) 398 | mediaviewFileYellowCornerFg: #e8a659; // yellow file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .zip) 399 | mediaviewFileGreenCornerFg: #49a957; // green file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .exe) 400 | mediaviewFileBlueCornerFg: #599dcf; // blue file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .dmg) 401 | mediaviewFileExtFg: activeButtonFg; // file extension text in file thumbnail placeholder in file rectangle 402 | mediaviewMenuBg: #202020; // context menu in Media Viewer background 403 | mediaviewMenuBgOver: #323232; // context menu item background with mouse over 404 | mediaviewMenuBgRipple: #424242; // context menu item ripple effect 405 | mediaviewMenuFg: windowFgActive; // context menu item text 406 | mediaviewBg: #222222eb; // Media Viewer background 407 | mediaviewVideoBg: imageBg; // Media Viewer background when viewing a video in full screen 408 | mediaviewControlBg: #0000003c; // controls background (like next photo / previous photo) 409 | mediaviewControlFg: windowFgActive; // controls icon (like next photo / previous photo) 410 | mediaviewCaptionBg: #11111180; // caption text background (when viewing photo with caption) 411 | mediaviewCaptionFg: mediaviewControlFg; // caption text 412 | mediaviewTextLinkFg: #e06c76; // caption text link 413 | mediaviewSaveMsgBg: toastBg; // save to file toast message background in Media Viewer 414 | mediaviewSaveMsgFg: toastFg; // save to file toast message text 415 | mediaviewPlaybackActive: #c7c7c7; // video playback progress already played part 416 | mediaviewPlaybackInactive: #252525; // video playback progress upcoming (not played yet) part 417 | mediaviewPlaybackActiveOver: #ffffff; // video playback progress already played part with mouse over 418 | mediaviewPlaybackInactiveOver: #474747; // video playback progress upcoming (not played yet) part with mouse over 419 | mediaviewPlaybackProgressFg: #ffffffc7; // video playback progress text 420 | mediaviewPlaybackIconFg: mediaviewPlaybackActive; // video playback controls icon 421 | mediaviewPlaybackIconFgOver: mediaviewPlaybackActiveOver; // video playback controls icon with mouse over 422 | mediaviewTransparentBg: #ffffff; // transparent filling part (when viewing a transparent .png file in Media Viewer) 423 | mediaviewTransparentFg: #cccccc; // another transparent filling part 424 | notificationBg: windowBg; // custom notification window background 425 | callBg: #202020f5; // phone call popup background 426 | callNameFg: #bbbbbb; // phone call popup name text 427 | callFingerprintBg: #00000066; // phone call popup emoji fingerprint background 428 | callStatusFg: #9d9d9d; // phone call popup status text 429 | callIconFg: #202020; // phone call popup answer, hangup and mute mic icon 430 | callAnswerBg: #76e06c; // phone call popup answer button background 431 | callAnswerRipple: #34343471; // phone call popup answer button ripple effect 432 | callAnswerBgOuter: #78e06c9c; // phone call popup answer button outer ripple effect 433 | callHangupBg: #e06c76; // phone call popup hangup button background 434 | callHangupRipple: #34343471; // phone call popup hangup button ripple effect 435 | callCancelBg: #ffffff; // phone call popup line busy cancel button background 436 | callCancelFg: #747474; // phone call popup line busy cancel button icon 437 | callCancelRipple: #606060; // phone call popup line busy cancel button ripple effect 438 | callMuteRipple: #ffffff12; // phone call popup mute mic ripple effect 439 | callBarBg: #323232; // active phone call bar background 440 | callBarMuteRipple: #424242; // active phone call bar mute and hangup button ripple effect 441 | callBarBgMuted: #282828; // phone call bar with muted mic background 442 | callBarUnmuteRipple: #424242; // phone call bar with muted mic mute and hangup button ripple effect 443 | callBarFg: dialogsNameFgActive; // phone call bar text and icons 444 | importantTooltipBg: toastBg; // 445 | importantTooltipFg: toastFg; // 446 | importantTooltipFgLink: #65b6fc; // 447 | filterInputActiveBg: #242424; 448 | botKbBg: #282828; 449 | botKbDownBg: #323232; 450 | emojiIconFg: #737373; 451 | emojiIconFgActive: #e06c76; 452 | overviewCheckBorder: #e4eaef; 453 | historyPeerSavedMessagesBg: #606060; 454 | historyPeerArchiveUserpicBg: dialogsUnreadBgMuted; 455 | profileOtherAdminStarFg: #747474; 456 | profileOtherAdminStarFgOver: #9d9d9d; 457 | sideBarBg: #222222; 458 | sideBarBgActive: #282828; 459 | sideBarBgRipple: #323232; 460 | sideBarTextFg: #bcbcbc; 461 | sideBarIconFg: #bcbcbc; 462 | sideBarTextFgActive: #e06c76; 463 | sideBarIconFgActive: #e06c76; 464 | sideBarBadgeBg: #e06c76; 465 | sideBarBadgeFg: #202020; 466 | sideBarBadgeBgMuted: #606060; 467 | -------------------------------------------------------------------------------- /anotherstorm.tdesktop-theme: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MairwunNx/AnotherStorm/c513c1f73ba677b4b06c076f8e2ab06e5806e2cf/anotherstorm.tdesktop-theme -------------------------------------------------------------------------------- /screenshots/AnotherStorm01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MairwunNx/AnotherStorm/c513c1f73ba677b4b06c076f8e2ab06e5806e2cf/screenshots/AnotherStorm01.png -------------------------------------------------------------------------------- /screenshots/AnotherStorm02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MairwunNx/AnotherStorm/c513c1f73ba677b4b06c076f8e2ab06e5806e2cf/screenshots/AnotherStorm02.png -------------------------------------------------------------------------------- /screenshots/AnotherStorm03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MairwunNx/AnotherStorm/c513c1f73ba677b4b06c076f8e2ab06e5806e2cf/screenshots/AnotherStorm03.png -------------------------------------------------------------------------------- /screenshots/AnotherStorm04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MairwunNx/AnotherStorm/c513c1f73ba677b4b06c076f8e2ab06e5806e2cf/screenshots/AnotherStorm04.png --------------------------------------------------------------------------------