├── .gitignore ├── README.MD ├── Selection_012.png ├── gmail-unread-count.js ├── gmail.js ├── gmail1.png ├── gmail2.png ├── google-calendar.js ├── linkedin.js ├── outlook-noad-dark.js ├── outlook-noad.js ├── outlook-unread-count.js ├── rambox.png ├── spike-dark.js ├── spike-dark.png ├── spike-unread-count.js ├── telegram-vanilla-dark-aqua.js └── vk.js /.gitignore: -------------------------------------------------------------------------------- 1 | # Created by .ignore support plugin (hsz.mobi) 2 | 3 | .idea/ 4 | -------------------------------------------------------------------------------- /README.MD: -------------------------------------------------------------------------------- 1 | # Extensions for Rambox services 2 | 3 | Rambox's [Inject JavaScript Code](https://github.com/saenzramiro/rambox/wiki/Inject-JavaScript-Code) feature is very useful - injecting custom JS code allows also inject custom CSS per service which can work as ~[Stylish](https://userstyles.org/)~ [Stylus](https://github.com/openstyles/stylus) extensions. Also it can work as simple AdBlock, since you can hide `iframe`s and others elements which show ads. Here I want to collect all my custom JS code which is injected in different messengers. 4 | 5 | * [Tricks](#tricks) 6 | * [Dark panel](#dark-panel) 7 | * [Styles](#styles) 8 | * [Gmail](#gmail) 9 | * [gmail.js](#gmailjs) 10 | * [gmail-unread-count.js](#gmail-unread-countjs) 11 | * [VK](#vk) 12 | * [Telegram](Telegram) 13 | * [telegram-vanilla-dark-aqua.js](telegram-vanilla-dark-aquajs) 14 | * [Outlook](#outlook) 15 | * [outlook-noad.js](#outlook-noadjs) 16 | * [outlook-dark.js](#outlook-darkjs) 17 | * [outlook-unread-count.js](#outlook-unread-countjs) 18 | * [Spike](#spike) 19 | * [spike-dark.js](#spike-darkjs) 20 | * [spike-unread-count.js](#spike-unread-countjs) 21 | 22 | 23 | # Tricks 24 | 25 | ## Dark panel 26 | 27 | To make the panel dark you can edit the CSS by using the Developer Tools: **Window** -> **Toggle Developer Tools**. Then choose Console and paste following JS there: 28 | 29 | ```js 30 | document.querySelector('.x-tab-bar').style.backgroundColor='#20272D'; 31 | document.querySelectorAll('.x-tab').forEach(function(el){el.style.backgroundColor='#40474D';}); 32 | ``` 33 | 34 | First line sets the color of the bar and second of the tabs. Result will look following way: 35 | 36 | ![screenshot from 2018-02-05 12-20-52](https://user-images.githubusercontent.com/9363150/35818957-5e729aae-0a6f-11e8-8a70-260516533f62.png) 37 | 38 | Note that this will work only until you close application. Every time you start it you'll need to run the above JS again (which is just: 39 | - `Ctrl` + `Shift` + `i` - open developer tools 40 | - `up` - select previous command 41 | - `Enter` - run it 42 | - `Ctrl` + `Shift` + `i` - close developer tools 43 | 44 | 45 | # Styles 46 | 47 | ## Gmail 48 | 49 | #### `gmail.js` 50 | - hide ad (first one or two emails in the list) in Social and Promotions tabs 51 | - improve readability of counters on the left panel: 52 | 53 | ![before](./gmail1.png) 54 | ![after](./gmail2.png) 55 | 56 | #### `gmail-unread-count.js` 57 | - show number of unread messages 58 | 59 | ## VK 60 | - hide sidebar and navbar; 61 | - use [NewVK Dark Theme](https://userstyles.org/styles/127431/newvk-dark-theme). 62 | 63 | ![vk-screenshor](./rambox.png) 64 | 65 | ## Telegram 66 | 67 | #### `telegram-vanilla-dark-aqua.js` 68 | - aqua dark theme from here: [Telegram-Vanilla-Dark-Web](https://github.com/VChet/Telegram-Vanilla-Dark-Web) 69 | 70 | ## Outlook 71 | 72 | #### `outlook-noad.js` 73 | - hide right panel with ad 74 | 75 | #### `outlook-dark.js` 76 | - dark theme: https://userstyles.org/styles/160323/outlook-com-dark-mode 77 | 78 | ![dark-outlook](./Selection_012.png) 79 | 80 | #### `outlook-unread-count.js` 81 | - show number of unread messages 82 | 83 | ## Spike 84 | 85 | #### `spike-dark.js` 86 | - dark theme made by [rauldipeas](https://github.com/rauldipeas) 87 | ![spike-screenshot](./spike-dark.png) 88 | 89 | #### `spike-unread-count.js` 90 | - show number of unread messages 91 | -------------------------------------------------------------------------------- /Selection_012.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/streetturtle/rambox-extensions/deff66441a3c386710f4736f6a8e82c63c9563f9/Selection_012.png -------------------------------------------------------------------------------- /gmail-unread-count.js: -------------------------------------------------------------------------------- 1 | function checkUnread() { 2 | var e = document.querySelector(".aim .aio").querySelector("span").querySelector("a").getAttribute("aria-label").replace(/[^0-9]/g, ""); 3 | updateBadge(e ? parseInt(e) : 0); 4 | } 5 | 6 | function updateBadge(e) { 7 | 1 <= e ? rambox.setUnreadCount(e) : rambox.clearUnreadCount(); 8 | } 9 | 10 | setInterval(checkUnread, 3000); 11 | -------------------------------------------------------------------------------- /gmail.js: -------------------------------------------------------------------------------- 1 | function applycss(css) { 2 | var head = document.getElementsByTagName('head')[0]; 3 | var s = document.createElement('style'); 4 | s.setAttribute('type', 'text/css'); 5 | s.appendChild(document.createTextNode(css)); 6 | head.appendChild(s); 7 | } 8 | 9 | applycss(` 10 | 11 | .aKB, 12 | #\:2h > div:nth-child(1){ 13 | display:none; 14 | } 15 | .bsU{ 16 | border: 2px solid teal; 17 | border-radius: 8px; 18 | font-weight: bold; 19 | text-align: center; 20 | padding: 0 !important; 21 | width: 20px; 22 | } 23 | 24 | `); 25 | -------------------------------------------------------------------------------- /gmail1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/streetturtle/rambox-extensions/deff66441a3c386710f4736f6a8e82c63c9563f9/gmail1.png -------------------------------------------------------------------------------- /gmail2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/streetturtle/rambox-extensions/deff66441a3c386710f4736f6a8e82c63c9563f9/gmail2.png -------------------------------------------------------------------------------- /google-calendar.js: -------------------------------------------------------------------------------- 1 | function applycss(css) { 2 | var head = document.getElementsByTagName('head')[0]; 3 | var s = document.createElement('style'); 4 | s.setAttribute('type', 'text/css'); 5 | s.appendChild(document.createTextNode(css)); 6 | head.appendChild(s); 7 | } 8 | 9 | applycss(` 10 | 11 | /* Invert the entire website */ 12 | html { 13 | -webkit-filter: invert(90%) hue-rotate(180deg)!important; 14 | filter: invert(90%) hue-rotate(180deg)!important; 15 | background: rgb(25, 25, 25)!important; 16 | } 17 | 18 | /* ==== GENERAL ==== */ 19 | /* "+ button" in the month view */ 20 | .XHsn7e { 21 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 22 | } 23 | 24 | /* Inversion of task panel on the right hand side */ 25 | .YqtBEc, 26 | .xuBVOe { 27 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 28 | } 29 | 30 | /* Dark blue top of right hand panel and black text */ 31 | .CflnFb { 32 | background-color: #7b96c1!important; 33 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 34 | color: white!important; 35 | } 36 | 37 | .h5t3Nc .GrK4Mb, 38 | .h5t3Nc .hVDHke, 39 | .h5t3Nc .l7VQxb, 40 | .h5t3Nc .zP0T0b, 41 | .h5t3Nc .qNixLe { 42 | border-color: white; 43 | background-color: #c9c9c9; 44 | } 45 | 46 | /* Color change of event deleted panel */ 47 | .lq96Td { 48 | background-color: #003e3a!important; 49 | color: white!important; 50 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 51 | } 52 | 53 | /* "View recently deleted items" color */ 54 | .GooADb { 55 | color: #9dceff!important; 56 | text-shadow: 0.0px 0.0px #404040!important; 57 | } 58 | 59 | /* Opacity reduction of the background color while adding an event */ 60 | .bJZIjf.qs41qe { 61 | opacity: 0.3; 62 | } 63 | 64 | /* Fix of the Google menu with apps*/ 65 | #gb a.gb_ja, 66 | #gb a.gb_ja:visited, 67 | #gb a.gb_ja:active, 68 | #gb a.gb_ka, 69 | #gb a.gb_ka:visited { 70 | color: rgba(255, 255, 255, 0.87)!important; 71 | text-decoration: none!important; 72 | background-color: black!important; 73 | } 74 | 75 | .gb_3 { 76 | font-weight: 600!important; 77 | } 78 | 79 | /* Inversion of event action pop up (saved, updated, deleted etc.)*/ 80 | .Mh0NNb { 81 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 82 | } 83 | 84 | /* Color of event action pop up (saved, updated, deleted etc.)*/ 85 | .M6tHv { 86 | background-color: #444444!important; 87 | } 88 | 89 | /* Inversion of notification panel */ 90 | #I0_1513527137275 { 91 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important; 92 | } 93 | 94 | /* Inversion of apps icons */ 95 | .gb_W { 96 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important; 97 | } 98 | 99 | /* Background color of "More" button in Google Apps menu */ 100 | .gb_ea.gb_6f { 101 | background-color: #e8e8e8!important; 102 | } 103 | 104 | .ck4bY { 105 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 106 | } 107 | 108 | /* Update to white color of the icons next to avatar */ 109 | .gb_yc svg, 110 | .gb_kc svg { 111 | color: white; 112 | opacity: .54; 113 | } 114 | 115 | /* Inversion of icons in the search bar */ 116 | .asor.asor_i0, 117 | .gsoi.gsoi_w, 118 | .gsoi.gsoi_c.asor_v, 119 | .gsoi.gsoi_9.asor_v, 120 | .gsoi.gsoi_7.asor_v { 121 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 122 | } 123 | 124 | /* Inversion of images, svg graphics (avatars, icons) */ 125 | *:not([data-date]):before, 126 | img, 127 | svg { 128 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important; 129 | } 130 | 131 | /* Inversion of guest avatars attending the event */ 132 | .jPtXgd { 133 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important; 134 | } 135 | 136 | /* Menu uninversion of uploading attachment from Google Drive (the id's are not static and this function doesn't always work) */ 137 | #vqd3vxfo4jpl, 138 | #pnsketfj08m { 139 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 140 | } 141 | 142 | /* Change of arrow color in the settings menu*/ 143 | .gb_yc svg, 144 | .gb_kc svg { 145 | color: black!important; 146 | opacity: .54!important; 147 | } 148 | 149 | /* Inversion of calendar icon in the top left corner of month view */ 150 | .gb_Wa.gb_Fe { 151 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important; 152 | } 153 | 154 | /* Icons color in the pop up view coming after left clicking the event in the month view */ 155 | .Wbs5sd, 156 | .rF3YF.wmyjXb { 157 | color: #000!important; 158 | } 159 | 160 | /* Border color for events that overlap each other in the week view */ 161 | .EfQccc.F262Ye.EiZ8Dd::after { 162 | border-color: #000000; 163 | } 164 | 165 | .EfQccc.Hrn1mc.EiZ8Dd::after { 166 | border: 1px solid #000; 167 | } 168 | 169 | /* Border color for selected events that overlap each other in the week view */ 170 | .EfQccc.MmaWIb.KKjvXb.EiZ8Dd::after { 171 | border: 1px solid #000; 172 | } 173 | 174 | /* Inside color of unticked calendar check boxes in the month view */ 175 | .uHMk6b.fsHoPb { 176 | border: 7px solid black!important; 177 | } 178 | 179 | /* "Choose custom color" menu */ 180 | .g3VIld.GFhhge.Up8vH.hFEqNb.J9Nfi.iWO5td { 181 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 182 | background: rgb(25, 25, 25)!important; 183 | color: white!important; 184 | } 185 | 186 | /* "Hex" word in "Choose custom color" menu */ 187 | .XBkKC.WSvIUd { 188 | color: white; 189 | } 190 | 191 | /* "Cancel" button in "Choose custom color" menu */ 192 | .IP9Hyd .O0WRkf:first-child { 193 | color: #ffffff; 194 | } 195 | 196 | /* "Calendar" text next to the top-left logo */ 197 | .logo-plus-button-lockup-text { 198 | color: white; 199 | } 200 | 201 | .gb_je.gb_ee { 202 | color: #fff; 203 | } 204 | 205 | /* "Moon phases" inversion */ 206 | .st-wc { 207 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 208 | } 209 | 210 | /* Time of the events we were invited to (in the week view) */ 211 | .Jmftzc.gVNoLb.LKeQwe { 212 | color: rgb(0, 0, 0); 213 | } 214 | 215 | /* Comma color in the events we were invited to (in the week view) */ 216 | .Jmftzc.EiZ8Dd { 217 | color: #000; 218 | } 219 | 220 | /* Fix of current event colors and text in month view */ 221 | .g3dbUc .jKgTF, 222 | .QGRmIf, 223 | .lcPUt { 224 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 225 | font-weight: bold!important; 226 | mix-blend-mode: darken; 227 | } 228 | 229 | /* Past events in the month view */ 230 | .g3dbUc.UflSff { 231 | filter: invert(100%) hue-rotate(180deg) saturate(140%) contrast(105%) opacity(40%)!important; 232 | } 233 | 234 | /* Past events in the week view */ 235 | .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff.jKgTF { 236 | filter: invert(100%) hue-rotate(180deg) saturate(140%) contrast(50%) brightness(140%) opacity(90%)!important; 237 | } 238 | 239 | /* Past events in the week view (reapplication of oppacity) */ 240 | .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff { 241 | filter: opacity(80%)!important; 242 | } 243 | 244 | /* Events in the week view */ 245 | .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd { 246 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 247 | } 248 | 249 | /* Inversion of event colors in the pop up view coming after right clicking the event in the month view */ 250 | .a63c9c.ztKZ3d { 251 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 252 | } 253 | 254 | /* Inversion of event colors in the main event view */ 255 | .a63c9c { 256 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 257 | } 258 | 259 | /* Event color in "4 days" view" */ 260 | .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.jKgTF { 261 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 262 | font-weight: bold!important; 263 | } 264 | 265 | /* Color of events in the "Schedule" view */ 266 | .Oxm52e { 267 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 268 | } 269 | 270 | /* Event color in the view of adding a task */ 271 | .kImhzd { 272 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 273 | } 274 | 275 | /* Event color in the settings menu */ 276 | .hsrazb { 277 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 278 | } 279 | 280 | /* Text and color in the pop up view coming after left clicking the event in the month view */ 281 | .Tnsqdc, 282 | .kw5sif { 283 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 284 | } 285 | 286 | /* Pen icon in the pop up view coming after left clicking the event in the month view */ 287 | .kXIDId { 288 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 289 | } 290 | 291 | /* Color of calendar in the pop up menu of month view */ 292 | .sIyjR { 293 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 294 | } 295 | 296 | /* Inversion of attachment frame */ 297 | .fFW7wc-OEVmcd { 298 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%)!important; 299 | } 300 | 301 | /* Inversion of attachment icon */ 302 | .ghXZpb { 303 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 304 | } 305 | 306 | /* Inversion of the icons in the right hand menu */ 307 | .DWWcKd-OomVLb-LgbsSe-Bz112c-haAclf { 308 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(120%) contrast(105%)!important; 309 | } 310 | 311 | 312 | 313 | 314 | 315 | /* ==== FONT ==== */ 316 | /* Weight increase of the font used in top left mini calendar */ 317 | .W0m3G { 318 | font-weight: 500!important; 319 | } 320 | 321 | /* Font weight increase of the event titles (month view) */ 322 | .g3dbUc { 323 | font-weight: 900!important; 324 | color: #000000 !important; 325 | } 326 | 327 | /* Change of the font color of the past events (month view) */ 328 | .g3dbUc.UflSff { 329 | color: #404040 !important; 330 | } 331 | 332 | /* Change of the font color for some kind of events (month view) */ 333 | .g3dbUc.smECzc { 334 | color: #666666 !important; 335 | } 336 | 337 | /* Darkify some of the help/support sections of the site */ 338 | .ghp-dialog, 339 | .ghp-header, 340 | .ng-scope, 341 | .article-container, 342 | .article-content-container 343 | { 344 | background: rgb(25, 25, 25); 345 | } 346 | 347 | .ghp-iconTextComponent-label 348 | { 349 | color: white; 350 | } 351 | 352 | ghp-iconTextComponent:hover, 353 | .ghp-iconTextComponent:focus 354 | { 355 | background: #000; 356 | } 357 | 358 | /* Font color of past events (week view) */ 359 | .FAxxKc { 360 | font-weight: 600!important; 361 | color: #000000 !important; 362 | } 363 | 364 | /* Font color of time and places of events (week view) */ 365 | .A6wOnd, 366 | .VgueE, 367 | .Jmftzc.gVNoLb.EiZ8Dd, 368 | .Jmftzc.K9QN7e.EiZ8Dd.UflSff, 369 | .Jmftzc.K9QN7e.EiZ8Dd { 370 | color: #000000 !important; 371 | } 372 | 373 | /* Check mark color in the left side bar */ 374 | .rq8Mwb { 375 | filter: invert(100%)!important; 376 | } 377 | 378 | /* Change of event text color in the pop-up window */ 379 | .i5a7ie { 380 | color: #000!important; 381 | } 382 | 383 | /* Change of text color in the pop-up menu under the avatar icon */ 384 | .gb_Eb { 385 | color: grey!important; 386 | } 387 | 388 | /* Font color in the pop up view coming after left clicking the event in the month view */ 389 | #rAECCd, 390 | .jPtXgd { 391 | font-weight: 600!important; 392 | } 393 | .WpDZC, 394 | .zHQkBf { 395 | color: #c1c1c1!important; 396 | } 397 | 398 | /* Input text of event creation pop up menu */ 399 | .whsOnd.zHQkBf { 400 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) contrast(105%)!important; 401 | } 402 | 403 | /* Text color in the pop-up menu*/ 404 | .gb_Eb { 405 | color: black!important; 406 | } 407 | 408 | /* More readable "More" text */ 409 | .gb_fa.gb_ng { 410 | font-weight: bolder!important; 411 | } 412 | 413 | /* Text in Apps menu */ 414 | .gb_Z { 415 | font-weight: bolder!important; 416 | } 417 | 418 | `); 419 | -------------------------------------------------------------------------------- /linkedin.js: -------------------------------------------------------------------------------- 1 | function applycss(css) { 2 | var head = document.getElementsByTagName('head')[0]; 3 | var s = document.createElement('style'); 4 | s.setAttribute('type', 'text/css'); 5 | s.appendChild(document.createTextNode(css)); 6 | head.appendChild(s); 7 | } 8 | 9 | applycss(` 10 | 11 | .right-rail{ 12 | display:none; 13 | } 14 | 15 | .ad-banner { 16 | display: none; 17 | } 18 | 19 | `); 20 | -------------------------------------------------------------------------------- /outlook-noad-dark.js: -------------------------------------------------------------------------------- 1 | function applycss(css) { 2 | var head = document.getElementsByTagName('head')[0]; 3 | var s = document.createElement('style'); 4 | s.setAttribute('type', 'text/css'); 5 | s.appendChild(document.createTextNode(css)); 6 | head.appendChild(s); 7 | } 8 | 9 | applycss(` 10 | 11 | ._2qPmszDwBfYpF7PO9Mn3KN, 12 | ._3a6SuYqdwIspGohT1zu16B, 13 | ._1_ag99JsBHxI6S4FP5ayPv, 14 | ._3_hHr3kfEhbNYRFM5YJxH9{ 15 | display:none !important; 16 | } 17 | 18 | :root 19 | { 20 | --unknown: yellow; 21 | --accent: #009dff; 22 | --darkgray1: #1d1d1d; 23 | --darkgray2: #222222; 24 | --darkgray3: #3d3d3d; 25 | --lightgray1: #a1a1a1; 26 | --lightgray2: #848484; 27 | --lightgray3: #686868; 28 | --lightgray4: #444; 29 | --black: var(--lightgray1) !important; 30 | --blackTranslucent40: rgba(0, 0, 0, 0.4) !important; 31 | --white: var(--darkgray1) !important; 32 | --whiteTranslucent40: rgba(255, 255, 255, 0.4) !important; 33 | --neutralDark: var(--lightgray1) !important; 34 | --neutralPrimary: var(--lightgray1) !important; 35 | --neutralPrimaryAlt: var(--lightgray1) !important; 36 | --neutralSecondary: var(--lightgray2) !important; 37 | --neutralTertiary: var(--lightgray3) !important; 38 | --neutralTertiaryAlt: var(--lightgray3) !important; 39 | --neutralQuaternary: var(--lightgray4) !important; 40 | --neutralQuaternaryAlt: vat(--lightgray4) !important; 41 | --neutralLight: var(--darkgray2) !important; 42 | --neutralLighter: var(--darkgray1) !important; 43 | --neutralLighterAlt: var(--darkgray1) !important; 44 | --redDark: var(--unknown) !important; 45 | --flaggedMessage: var(--darkgray2) !important; 46 | --richUserContentBackground: var(--unknown) !important; 47 | --composeNeutralBackground: var(--unknown) !important; 48 | --composeNeutralLighterBackground: var(--unknown) !important; 49 | --themeDarker: var(--accent) !important; 50 | --themeDark: var(--lightgray1) !important; 51 | --themeDarkAlt: var(--lightgray2) !important; 52 | --themePrimary: var(--lightgray1) !important; 53 | --themeSecondary: var(--unknown) !important; 54 | --themeTertiary: var(--unknown) !important; 55 | --themeLighter: var(--darkgray2) !important; 56 | --themeLight: var(--darkgray2) !important; 57 | --themeLighterAlt: var(--darkgray2) !important; 58 | --headerBackground: var(--darkgray1) !important; 59 | --headerBackgroundSearch: var(--darkgray1) !important; 60 | --headerBrandText: var(--lightgray1) !important; 61 | --headerTextIcons: var(--lightgray1) !important; 62 | --headerSearchBoxBackground: var(--darkgray3) !important; 63 | --headerSearchBoxIcon: var(--lightgray1) !important; 64 | --headerSearchPlaceholderText: var(--lightgray1) !important; 65 | --headerSearchButtonBackground: var(--darkgray3) !important; 66 | --headerSearchButtonBackgroundHover: var(--lightgray1) !important; 67 | --headerSearchButtonIcon: var(--lightgray1) !important; 68 | --headerSearchFilters: var(--lightgray1) !important; 69 | --headerSearchFiltersHover: var(--accent) !important; 70 | --headerButtonsBackground: var(--darkgray1) !important; 71 | --headerButtonsBackgroundHover: var(--darkgray2) !important; 72 | --headerButtonsBackgroundSearch: var(--darkgray1) !important; 73 | --headerButtonsBackgroundSearchHover: var(--darkgray1) !important; 74 | --headerBadgeBackground: var(--unknown) !important; 75 | --headerBadgeText: var(--unknown) !important; 76 | --headerSearchIcon: var(--unknown) !important; 77 | --searchBoxBackground: var(--unknown) !important; 78 | } 79 | 80 | `); 81 | -------------------------------------------------------------------------------- /outlook-noad.js: -------------------------------------------------------------------------------- 1 | function applycss(css) { 2 | var head = document.getElementsByTagName('head')[0]; 3 | var s = document.createElement('style'); 4 | s.setAttribute('type', 'text/css'); 5 | s.appendChild(document.createTextNode(css)); 6 | head.appendChild(s); 7 | } 8 | 9 | applycss(` 10 | ._2qPmszDwBfYpF7PO9Mn3KN, 11 | ._3a6SuYqdwIspGohT1zu16B, 12 | ._1_ag99JsBHxI6S4FP5ayPv, 13 | ._3_hHr3kfEhbNYRFM5YJxH9, 14 | ._2F6rWwLisyawGGg32JOcop, 15 | ._23fxOotSm5HPNB1U_ZVw4i, 16 | ._1fti_QgAzqGWPGlqh_FSvI, 17 | ._1fti_QgAzqGWPGlqh_FSvI, 18 | ._1elFdDtE02urszo_h9-MJw, 19 | ._151cu27-mizfa2_45gn3Zp, 20 | ._2_TS1mjVqZoXWVRD0GM3re, 21 | .UsCOauPURwRS_x4JuG08, 22 | .VPtFloqixpkkqJNcOv2T, 23 | .O3eUZdnmMvkIwt1YXEL4, 24 | .pBKjVBVDRKIDHWS0A95I, 25 | .O3eUZ, 26 | .pBKjV, 27 | .VPtFl 28 | { 29 | display:none !important; 30 | } 31 | `); 32 | -------------------------------------------------------------------------------- /outlook-unread-count.js: -------------------------------------------------------------------------------- 1 | function checkUnread() { 2 | var elem = document.querySelector('i[data-icon-name="Inbox"]+span+span>span'); 3 | var count = elem ? elem.innerText.split('\n')[0] : 0; 4 | var t = parseInt(count); 5 | updateBadge(t); 6 | } 7 | 8 | function updateBadge(e) { 9 | e && e >= 1 ? rambox.setUnreadCount(e) : rambox.clearUnreadCount(); 10 | } 11 | 12 | setInterval(checkUnread, 3000); 13 | -------------------------------------------------------------------------------- /rambox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/streetturtle/rambox-extensions/deff66441a3c386710f4736f6a8e82c63c9563f9/rambox.png -------------------------------------------------------------------------------- /spike-dark.js: -------------------------------------------------------------------------------- 1 | function applycss(css){ 2 | var head = document.getElementsByTagName('head')[0]; 3 | var s = document.createElement('style'); 4 | s.setAttribute('type', 'text/css'); 5 | s.appendChild(document.createTextNode(css)); 6 | head.appendChild(s); 7 | } 8 | 9 | applycss(` 10 | body {filter: invert(100%)} 11 | iframe {filter: invert(100%)} 12 | img { 13 | -webkit-filter: invert(1); 14 | filter: invert(1) 15 | } 16 | img.icon {filter: invert(0%)} 17 | #oWIP {filter: invert(100%)} 18 | .attachemoji {filter: invert(100%)} 19 | .badge {filter: invert(100%)} 20 | .bubble .body .emojitext {filter: invert(100%)} 21 | .bubble a {filter: invert(100%)} 22 | .bubble div div div div {filter: invert(100%)} 23 | .bubble-wrapper {filter: invert(100%)} 24 | .button {filter: invert(100%)} 25 | .button img {filter: invert(0%)} 26 | .button .icon {filter: invert(100%)} 27 | .checkbox {filter: invert(100%)} 28 | .emojiCategory {filter: invert(100%)} 29 | .emojiCategory.emojiCategory {filter: invert(100%)} 30 | .emojiCategory.selected {filter: invert(100%)} 31 | .hover {filter: invert(100%)} 32 | .hover:hover {background-color: #0085ff} 33 | .on {filter: invert(100%)} 34 | .person .name {filter: invert(100%)} 35 | .section {filter: invert(0%)} 36 | .section:hover {filter: invert(100%);} 37 | .section:hover {background-color: #0085ff} 38 | .section:hover .title {filter: invert(100%)} 39 | .separatorBottom div {filter: invert(100%)} 40 | .separatorBottom .picture-border {filter: invert(100%)} 41 | .separatorBottom .title {filter: invert(0%)} 42 | .separatorBottom .subtitle {filter: invert(0%)} 43 | .status {filter: invert(100%)} 44 | `); 45 | -------------------------------------------------------------------------------- /spike-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/streetturtle/rambox-extensions/deff66441a3c386710f4736f6a8e82c63c9563f9/spike-dark.png -------------------------------------------------------------------------------- /spike-unread-count.js: -------------------------------------------------------------------------------- 1 | function checkUnread() { 2 | var e = document.querySelectorAll('div.thread:not(.nobadge) div.badge'); 3 | var t = 0; 4 | for (i = 0; i < e.length; i++) { 5 | t += e[i].innerHTML.trim() != '' ? parseInt(e[i].innerHTML.trim()) : 1; 6 | } 7 | updateBadge(t); 8 | } 9 | 10 | function updateBadge(e) { 11 | e && e >= 1 ? rambox.setUnreadCount(e) : rambox.clearUnreadCount(); 12 | } 13 | 14 | setInterval(checkUnread, 3000); 15 | -------------------------------------------------------------------------------- /telegram-vanilla-dark-aqua.js: -------------------------------------------------------------------------------- 1 | function applycss(css) { 2 | var head = document.getElementsByTagName('head')[0]; 3 | var s = document.createElement('style'); 4 | s.setAttribute('type', 'text/css'); 5 | s.appendChild(document.createTextNode(css)); 6 | head.appendChild(s); 7 | } 8 | 9 | applycss(` 10 | 11 | :root{--main-dark:#5B8E90;--main:#77BABC;--main-light:#8ED1CC;--gray-dark:#1D1D24;--gray:#23232D;--gray-light:#2C2C36;--gray-selection:#31313B;--text:#959595;--light:#AAAAAA}.icon-select-tick,.im_message_file_button_icon,.md_modal_split_action_camera,.md_modal_split_action_msg,.md_modal_split_action_twitter{-webkit-filter:hue-rotate(-30deg)!important;filter:hue-rotate(-30deg)!important}.composer_command_btn.active .icon-slash,.composer_emoji_insert_btn:active .icon-emoji,.composer_emoji_insert_btn_on .icon-emoji,.composer_emoji_tooltip_category.active i,.icon-about,.icon-contacts,.icon-faq,.icon-keyboard,.icon-new-group,.icon-settings,.im_attach:active .icon-paperclip,.im_dialog_pinned,.im_media_attach:active .icon-camera,.im_record:active .icon-mic{-webkit-filter:brightness(50%) sepia(1) hue-rotate(144.4deg) saturate(151.4%) brightness(140%)!important;filter:brightness(50%) sepia(1) hue-rotate(144.4deg) saturate(151.4%) brightness(140%)!important} 12 | .im_page_wrap,.tg_head_split{max-width:100%!important}.im_message_wrap,.im_send_form,.im_send_panel_wrap{max-width:90%!important} 13 | .composer_user_photo,.im_dialog_photo,.im_message_contact_photo,.im_message_from_photo,.im_message_fwd_photo,.im_panel_own_photo,.im_panel_peer_photo,.md_modal_list_peer_photo,.media_modal_author_photo,.peer_modal_photo{border-radius:10%!important} 14 | 15 | /* Color */ 16 | .im_message_outer_wrap span.im_message_sign_link, 17 | .im_message_outer_wrap.hasselect:hover span.im_message_sign_link, 18 | .im_submit_edit_label, 19 | .im_submit_send_label, 20 | a.im_dialog .im_short_message_media, 21 | a.im_dialog .im_short_message_service { 22 | color: var(--main-dark) !important; 23 | } 24 | .btn-link.dropdown-toggle, 25 | .btn-link.dropdown-toggle:hover, 26 | .composer_command_value, 27 | .composer_emoji_tooltip_tab_emoji, 28 | .composer_emoji_tooltip_tabs_stickers_active .composer_emoji_tooltip_tab_stickers, 29 | .dropdown-toggle, 30 | .im_message_author, 31 | .im_message_document_name, 32 | .im_message_fwd_author, 33 | .im_message_reply_author, 34 | .im_submit_edit_label:focus, 35 | .im_submit_edit_label:hover, 36 | .im_submit_send_label:focus, 37 | .im_submit_send_label:hover, 38 | .link_preview_site_name, 39 | .link_preview_title, 40 | .md_modal_section_link:focus, 41 | .md_modal_section_link:hover, 42 | .md_modal_section_link.pull-right, 43 | .tg_head_logo_dropdown .dropdown-menu > li > a, 44 | .tg_head_peer_dropdown .dropdown-menu > li > a, 45 | a strong, 46 | a { 47 | color: var(--main) !important; 48 | } 49 | .badge, 50 | .btn-link:hover, 51 | .btn-md:hover, 52 | .btn-primary:active, 53 | .btn-primary:focus, 54 | .btn-primary:hover, 55 | .btn-primary.active, 56 | .btn:hover .im_selected_count, 57 | .im_send_dropbox_wrap, 58 | .open .btn-primary.dropdown-toggle, 59 | .reply_markup_button:focus, 60 | .reply_markup_button:hover, 61 | a.tgme_action_button_new:focus, 62 | a.tgme_action_button_new:hover, 63 | a.tgme_action_button:focus, 64 | a.tgme_action_button:hover { 65 | color: var(--gray-dark) !important; 66 | } 67 | .audio_player_duration, 68 | .audio_player_size, 69 | .btn, 70 | .composer_command_desc, 71 | .composer_command_option:hover .composer_command_desc, 72 | .composer_rich_textarea:empty:before, 73 | .dropdown-menu > li > a, 74 | .form-control, 75 | .form-control::placeholder, 76 | .im_message_date, 77 | .im_message_document_size, 78 | .im_message_views_cnt, 79 | .im_page_wrap, 80 | .im_selected_count, 81 | .inactive_description, 82 | .link_preview_description, 83 | .login_footer_wrap, 84 | .md_modal_list_peer_description .status_online, 85 | .md_modal_list_peer_description.status_online, 86 | .md-input-label, 87 | .media_modal_date, 88 | .peer_modal_profile_description, 89 | .reply_markup_button, 90 | .session_active_date_online, 91 | .settings_modal_username_link, 92 | .settings_modal_username_link:hover, 93 | .tg_head_connecting_text, 94 | .tg_head_peer_status, 95 | .tgme_page_embed_code, 96 | .tgme_page_wrap, 97 | .tgme_widget_message_author, 98 | .tgme_widget_message_contact_phone, 99 | .tgme_widget_message_document_extra, 100 | .tgme_widget_message_footer, 101 | .tgme_widget_message_forwarded_from, 102 | a.im_dialog .im_short_message_text, 103 | a.md_modal_action, 104 | a.media_modal_date:hover, 105 | a.tg_radio, 106 | a.tgme_action_button_new, 107 | a.tgme_action_button, 108 | body, 109 | body.body_widget_post, 110 | html, 111 | p.tg_checkbox, 112 | span.im_short_message_text { 113 | color: var(--text) !important; 114 | } 115 | .countries_scrollable_wrap a.countries_modal_country:hover .countries_modal_country_code, 116 | .im_bot_intro_message_wrap, 117 | .im_dialog_peer, 118 | .im_history_select_active .im_message_outer_wrap:hover .im_message_audio_duration, 119 | .im_history_select_active .im_message_outer_wrap:hover .im_message_audio_size, 120 | .im_history_select_active .im_message_outer_wrap:hover .im_message_author_admin, 121 | .im_history_select_active .im_message_outer_wrap:hover .im_message_date, 122 | .im_history_select_active .im_message_outer_wrap:hover .im_message_document_size, 123 | .im_history_select_active .im_message_outer_wrap:hover .im_message_fwd_date, 124 | .im_history_select_active .im_message_outer_wrap:hover .im_message_views_cnt, 125 | .im_message_focus_active .audio_player_duration, 126 | .im_message_focus_active .audio_player_size, 127 | .im_message_focus_active .im_message_author_admin, 128 | .im_message_focus_active .im_message_date, 129 | .im_message_focus_active .im_message_document_size, 130 | .im_message_focus_active .im_message_edited, 131 | .im_message_focus_active .im_message_fwd_date, 132 | .im_message_focus_active .im_message_views_cnt, 133 | .im_message_selected .im_message_audio_duration, 134 | .im_message_selected .im_message_audio_size, 135 | .im_message_selected .im_message_author_admin, 136 | .im_message_selected .im_message_date, 137 | .im_message_selected .im_message_document_size, 138 | .im_message_selected .im_message_fwd_date, 139 | .im_message_selected .im_message_views_cnt, 140 | .im_message_unread_split, 141 | .im_service_message_pinned, 142 | .im_service_message, 143 | .inactive_title, 144 | .login_form_head, 145 | .md_modal_head, 146 | .md_modal_section_link, 147 | .md_modal_section_param_name, 148 | .md-input, 149 | .media_modal_author, 150 | .tg_checkbox.tg_checkbox_on span.icon-checkbox-outer, 151 | .tg_head_peer_media, 152 | .tg_head_peer_title, 153 | .tgme_page_title, 154 | a.contacts_modal_contact:hover .md_modal_list_peer_description, 155 | a.im_dialog .im_dialog_chat_from_wrap, 156 | a.im_dialog:hover .im_dialog_date, 157 | a.md_modal_action:focus, 158 | a.md_modal_action:hover, 159 | a.tg_checkbox, 160 | h1, h2, h3, h4, h5 { 161 | color: var(--light) !important; 162 | } 163 | .active .im_dialog_date, 164 | .active .im_dialog_peer, 165 | .active a.im_dialog .im_dialog_chat_from_wrap, 166 | .active a.im_dialog .im_short_message_media, 167 | .active a.im_dialog .im_short_message_service, 168 | .active a.im_dialog .im_short_message_text, 169 | .active a.im_dialog:hover .im_dialog_date { 170 | color: #FFFFFF !important; 171 | } 172 | .user_color_1, 173 | .user_color_1:hover { 174 | color: #8365AB !important; 175 | } 176 | .user_color_2, 177 | .user_color_2:hover { 178 | color: #539E4F !important; 179 | } 180 | .user_color_3, 181 | .user_color_3:hover { 182 | color: #AE9661 !important; 183 | } 184 | .user_color_4, 185 | .user_color_4:hover { 186 | color: #4979A3 !important; 187 | } 188 | .user_color_5, 189 | .user_color_5:hover { 190 | color: #B7635D !important; 191 | } 192 | .user_color_6, 193 | .user_color_6:hover { 194 | color: #B3577A !important; 195 | } 196 | .user_color_7, 197 | .user_color_7:hover { 198 | color: #5397B4 !important; 199 | } 200 | .user_color_8, 201 | .user_color_8:hover { 202 | color: #C07844 !important; 203 | } 204 | /* Background-color */ 205 | .btn-link:hover, 206 | .btn-md:hover, 207 | .btn-primary.active, 208 | .btn-primary:active, 209 | .btn-primary:focus, 210 | .btn-primary:hover, 211 | .composer_sticker_btn:hover, 212 | .contacts_modal_col .nano > .nano-pane > .nano-slider, 213 | .countries_modal_col .nano > .nano-pane > .nano-slider, 214 | .im_dialogs_col .nano > .nano-pane > .nano-slider, 215 | .im_dialogs_modal_col .nano > .nano-pane > .nano-slider, 216 | .im_dialogs_scrollable_wrap .active a.im_dialog, 217 | .im_dialogs_scrollable_wrap .active a.im_dialog:hover, 218 | .im_history_col .nano > .nano-pane > .nano-slider, 219 | .im_send_dropbox_wrap, 220 | .img_round_video_unread .img_round_meta, 221 | .nav-pills > li.active > a, 222 | .open .btn-primary.dropdown-toggle, 223 | .reply_markup_button:focus, 224 | .reply_markup_button:hover, 225 | .sessions_modal_col .nano > .nano-pane > .nano-slider, 226 | .stickerset_modal_col .nano > .nano-pane > .nano-slider, 227 | .stickerset_modal_sticker_wrap:hover, 228 | .tg_checkbox.tg_checkbox_on span.icon-checkbox-outer, 229 | a.composer_emoji_btn:hover, 230 | a.tgme_action_button_new:active, 231 | a.tgme_action_button_new:focus, 232 | a.tgme_action_button_new:hover, 233 | a.tgme_action_button:active, 234 | a.tgme_action_button:focus, 235 | a.tgme_action_button:hover { 236 | background-color: var(--main-dark) !important; 237 | } 238 | .audio_player_seek_slider .tg_slider_track_fill, 239 | .audio_player_volume_slider .tg_slider_thumb, 240 | .audio_player_volume_slider .tg_slider_track_fill, 241 | .composer_emoji_tooltip_tab_shadow, 242 | .im_dialog_badge_muted, 243 | .im_dialog_unread, 244 | .im_message_reply_border, 245 | .im_send_reply_cancel:hover .icon-reply-bar, 246 | .tg_checkbox.tg_checkbox_on i.icon-checkbox-inner, 247 | .tg_down_progress .progress-bar, 248 | .tg_slider_thumb, 249 | .tg_slider_track_fill, 250 | .tg_up_progress .progress-bar, 251 | .tgme_head_wrap, 252 | .tgme_widget_message_game:before, 253 | .tgme_widget_message_link_preview:before, 254 | .tgme_widget_message_reply:before, 255 | a.tg_radio.tg_radio_on i.icon-radio { 256 | background-color: var(--main) !important; 257 | } 258 | .icon-message-status, 259 | .im_history_pinned_hide:hover .icon-reply-bar, 260 | a.tg_radio.tg_radio_on:hover i.icon-radio { 261 | background-color: var(--main-light) !important; 262 | } 263 | .tgme_page_widget_actions, 264 | body, 265 | body.body_widget_post, 266 | html { 267 | background-color: var(--gray-dark) !important; 268 | } 269 | .composer_command_option, 270 | .composer_dropdown_wrap, 271 | .composer_emoji_tooltip, 272 | .contacts_modal_search_field, 273 | .contacts_modal_search_field:active, 274 | .contacts_modal_search_field:focus, 275 | .countries_modal_search_field, 276 | .countries_modal_search_field:active, 277 | .countries_modal_search_field:focus, 278 | .dropdown-menu, 279 | .error_modal_wrap, 280 | .icon-tooltip-tail, 281 | .im_bottom_panel_wrap, 282 | .im_dialogs_col_wrap, 283 | .im_dialogs_modal_col_wrap .im_dialogs_search_field, 284 | .im_dialogs_panel, 285 | .im_dialogs_scrollable_wrap a.im_dialog_searchpeer, 286 | .im_dialogs_search_field, 287 | .im_dialogs_search_field:active, 288 | .im_dialogs_search_field:focus, 289 | .im_history_empty_wrap, 290 | .im_history_messages, 291 | .im_history_not_selected, 292 | .im_history_pinned_wrap, 293 | .im_history_typing_wrap, 294 | .im_message_outer_wrap, 295 | .im_page_split, 296 | .im_page_wrap, 297 | .im_record_bg, 298 | .im_service_message_wrap, 299 | .login_footer_about_wrap, 300 | .login_form_wrap, 301 | .md_modal_body, 302 | .md_modal_footer, 303 | .md_simple_modal_wrap, 304 | .md-input, 305 | .modal-content, 306 | .tg_head_split, 307 | a.im_dialog, 308 | a.tgme_head_dl_button, 309 | i.icon-radio { 310 | background-color: var(--gray) !important; 311 | } 312 | .btn, 313 | .button, 314 | .composer_dropdown li a:hover, 315 | .composer_dropdown li a.composer_command_option:hover, 316 | .composer_dropdown li.composer_autocomplete_option_active a, 317 | .contacts_modal_col .nano > .nano-pane, 318 | .contacts_modal_members_list a.contacts_modal_contact:hover, 319 | .countries_modal_col .nano > .nano-pane, 320 | .countries_scrollable_wrap a.countries_modal_country:hover, 321 | .dropdown-menu .divider, 322 | .dropdown-menu > li > a:focus, 323 | .dropdown-menu > li > a:hover, 324 | .dropdown.open .tg_head_btn, 325 | .im_dialogs_modal_col .nano > .nano-pane, 326 | .im_dialogs_scrollable_wrap a.im_dialog:hover, 327 | .im_history_col .nano > .nano-pane, 328 | .im_history_select_active .im_message_outer_wrap:hover, 329 | .im_message_selected .im_message_outer_wrap, 330 | .im_message_unread_split, 331 | .login_head_bg, 332 | .md_modal_head, 333 | .md_modal_section_splitter, 334 | .media_modal_wrap, 335 | .sessions_modal_col .nano > .nano-pane, 336 | .stickerset_modal_col .nano > .nano-pane, 337 | .tg_head_btn:hover, 338 | .tg_head_logo_dropdown .dropdown-menu > li > a:hover, 339 | .tg_head_peer_dropdown .dropdown-menu > li > a:hover, 340 | .tgme_page_embed_code, 341 | .tgme_widget_message_bubble, 342 | a.tgme_action_button_new, 343 | a.tgme_action_button, 344 | a.tgme_head_dl_button:active, 345 | a.tgme_head_dl_button:hover { 346 | background-color: var(--gray-light) !important; 347 | } 348 | .im_message_file_button, 349 | .tg_down_progress, 350 | .tg_slider_track, 351 | .tg_up_progress, 352 | .tgme_widget_message_document_icon { 353 | background-color: var(--gray-selection) !important; 354 | } 355 | .tg_checkbox i.icon-checkbox-inner, 356 | a.tg_radio:hover i.icon-radio { 357 | background-color: var(--light) !important; 358 | } 359 | .active .im_dialog_badge, 360 | .active .im_dialog_unread, 361 | .active .im_dialog:hover .im_dialog_unread { 362 | background-color: #FFFFFF !important; 363 | } 364 | .btn.btn-link.dropdown-toggle, 365 | .im_submit_edit, 366 | .im_submit_edit:focus, 367 | .im_submit_edit:hover, 368 | .im_submit_send, 369 | .im_submit_send:focus, 370 | .im_submit_send:hover { 371 | background-color: transparent !important; 372 | } 373 | .im_message_mymention { 374 | background-color: #464C7B !important; 375 | } 376 | /* Borders */ 377 | .contacts_modal_search_field, 378 | .im_dialogs_modal_col_wrap .im_dialogs_search_field, 379 | .im_dialogs_search_field, 380 | .im_dialogs_search_field:active, 381 | .im_dialogs_search_field:focus, 382 | .im_edit_panel_border, 383 | .im_send_dropbox_wrap, 384 | .tg_radio.tg_radio_on .icon-radio-outer, 385 | .tg_radio.tg_radio_on i.icon-radio, 386 | i.icon-radio { 387 | border-color: var(--gray) !important; 388 | } 389 | .im_panel_peer_online, 390 | hr { 391 | border-color: var(--gray-light) !important; 392 | } 393 | .im_message_webpage_wrap, 394 | .tg_radio.tg_radio_on .icon-radio-outer { 395 | border-color: var(--main) !important; 396 | } 397 | .tg_checkbox i.icon-checkbox-inner, 398 | .tg_radio .icon-radio-outer { 399 | border-color: var(--light) !important; 400 | } 401 | .composer_dropdown_wrap, 402 | .composer_emoji_tooltip, 403 | .countries_modal_search_field, 404 | .countries_modal_search_field:active, 405 | .countries_modal_search_field:focus, 406 | .icon-tooltip-tail, 407 | .im_page_wrap, 408 | .login_footer_about_wrap, 409 | .login_form_wrap, 410 | .tg_head_logo_dropdown.open .dropdown-menu, 411 | .tg_head_peer_dropdown .dropdown-menu, 412 | .tgme_page_embed_code, 413 | .tgme_widget_message_bubble { 414 | border: 1px solid var(--gray-light) !important; 415 | } 416 | .tg_head_split { 417 | border-right: 1px solid var(--gray-light) !important; 418 | border-left: 1px solid var(--gray-light) !important; 419 | } 420 | .fixed_actions .tgme_page_widget_actions, 421 | .im_bottom_panel_wrap { 422 | border-top: 1px solid var(--gray-light) !important; 423 | } 424 | .im_dialogs_col_wrap, 425 | .tg_head_logo_wrap { 426 | border-right: 1px solid var(--gray-light) !important; 427 | } 428 | .im_history_col_wrap { 429 | border-left: 1px solid var(--gray-light) !important; 430 | } 431 | .im_dialog_wrap, 432 | .im_dialogs_panel, 433 | .im_history_pinned_wrap, 434 | .md-input-group, 435 | .md_modal_iconed_section_wrap { 436 | border-bottom: 1px solid var(--gray-light) !important; 437 | } 438 | .md_modal_section_splitter { 439 | border-top-color: var(--main-dark) !important; 440 | } 441 | /* Box-shadows */ 442 | .composer_emoji_tooltip_tab_shadow { 443 | -webkit-box-shadow: 0 1px 0 var(--main) !important; 444 | box-shadow: 0 1px 0 var(--main) !important; 445 | } 446 | .composer_rich_textarea, 447 | .composer_textarea, 448 | .login_footer_about_wrap, 449 | .login_form_wrap { 450 | -webkit-box-shadow: 0 1px 0 var(--gray-light) !important; 451 | box-shadow: 0 1px 0 var(--gray-light) !important; 452 | } 453 | .composer_rich_textarea:focus { 454 | -webkit-box-shadow: 0 2px 0 0 var(--main-dark) !important; 455 | box-shadow: 0 2px 0 0 var(--main-dark) !important; 456 | } 457 | .composer_dropdown_wrap, 458 | .im_page_wrap, 459 | .md_modal_section_splitter, 460 | .tg_head_logo_dropdown .dropdown-menu, 461 | .tg_head_peer_dropdown .dropdown-menu { 462 | -webkit-box-shadow: none !important; 463 | box-shadow: none !important; 464 | } 465 | .im_message_focus_active .im_message_outer_wrap { 466 | -webkit-animation-duration: 2s !important; 467 | animation-duration: 2s !important; 468 | } 469 | @-webkit-keyframes im_message_focus_fade { 470 | from { 471 | background-color: var(--gray-light); 472 | } 473 | } 474 | @keyframes im_message_focus_fade { 475 | from { 476 | background-color: var(--gray-light); 477 | } 478 | } 479 | /* Selection */ 480 | ::-moz-selection { 481 | background-color: var(--main) !important; 482 | color: #FFFFFF !important; 483 | } 484 | ::selection { 485 | background-color: var(--main) !important; 486 | color: #FFFFFF !important; 487 | } 488 | /* Margin / Padding */ 489 | .im_service_message { 490 | margin: 0 !important; 491 | padding: 9px 7px !important; 492 | } 493 | .im_dialogs_panel { 494 | padding: 8px !important; 495 | } 496 | /* Progress arc */ 497 | .progress-arc-intermediate .progress-arc .progress-arc-bar { 498 | stroke: var(--main); 499 | } 500 | .stop0, 501 | .stop60, 502 | .stop100 { 503 | stop-color: var(--main) !important; 504 | } 505 | .composer_emoji_insert_btn:hover .icon-emoji, 506 | .inactive_image { 507 | opacity: 0.8 !important; 508 | } 509 | .composer_emoji_insert_btn_on:hover .icon-emoji { 510 | opacity: 1 !important; 511 | } 512 | /* Hue rotation */ 513 | .composer_emoji_tooltip_category i { 514 | -webkit-filter: invert(100%) !important; 515 | filter: invert(100%) !important; 516 | } 517 | .active .im_dialog_pinned, 518 | .tgme_widget_message_views:after { 519 | -webkit-filter: brightness(250%) !important; 520 | filter: brightness(250%) !important; 521 | } 522 | .icon-filter-audio, 523 | .icon-filter-documents, 524 | .icon-filter-photos, 525 | .icon-filter-video, 526 | .icon-message-views { 527 | -webkit-filter: brightness(75%) !important; 528 | filter: brightness(75%) !important; 529 | } 530 | .im_history_message_wrap.im_message_selected .icon-message-views { 531 | -webkit-filter: saturate(0%) !important; 532 | filter: saturate(0%) !important; 533 | } 534 | /* Code blocks */ 535 | code, pre { 536 | background-color: #272822 !important; 537 | border: none !important; 538 | color: #EFEBDA !important; 539 | } 540 | 541 | `); 542 | -------------------------------------------------------------------------------- /vk.js: -------------------------------------------------------------------------------- 1 | function applycss(css) { 2 | var head = document.getElementsByTagName('head')[0]; 3 | var s = document.createElement('style'); 4 | s.setAttribute('type', 'text/css'); 5 | s.appendChild(document.createTextNode(css)); 6 | head.appendChild(s); 7 | } 8 | 9 | applycss(` 10 | 11 | /* Hide sidebar */ 12 | #side_bar { 13 | display: none !important; 14 | } 15 | 16 | /* Hide header */ 17 | #page_header_cont { 18 | display: none !important; 19 | } 20 | 21 | /* Lift up page-body a bit */ 22 | #page_body { 23 | margin-top: 10px !important; 24 | } 25 | 26 | /* Below is code from stylish theme from userstyles.org by Suvorov_m: 27 | (https://userstyles.org/styles/127431/newvk-dark-theme) */ 28 | 29 | body { 30 | background: #282B2F; 31 | color: #E0E0E0; 32 | } 33 | 34 | a { 35 | color: #fff; 36 | } 37 | 38 | *::selection { 39 | background: #9ECDFF; 40 | } 41 | 42 | *::-moz-selection { 43 | background: #9ECDFF; 44 | } 45 | 46 | #side_bar ol li .left_row { 47 | color: #fff; 48 | } 49 | 50 | .fakeinput, .fakeinput ~ .placeholder .ph_input, div[contenteditable=true], div[contenteditable=true] ~ .placeholder .ph_input, input.big_text, input.big_text ~ .placeholder .ph_input, input.dark, input.dark ~ .placeholder .ph_input, input.search, input.search ~ .placeholder .ph_input, input.text, input.text ~ .placeholder .ph_input, textarea, textarea ~ .placeholder .ph_input { 51 | color: #fff; 52 | } 53 | 54 | .im-page .im-page--mess-search { 55 | color: #FFF; 56 | } 57 | 58 | .left_count_wrap { 59 | background: #484B4E; 60 | color: #FFF; 61 | } 62 | 63 | .im-page .im-page--peer { 64 | color: #fff; 65 | } 66 | 67 | .vkf-new-design #vkf-url-shortener-input { 68 | color: #fff; 69 | } 70 | 71 | .post_video_title { 72 | color: #737578 !important; 73 | } 74 | 75 | .nim-dialog .nim-dialog--name .nim-dialog--name-w { 76 | color: #fff; 77 | } 78 | 79 | .nim-dialog--text-preview { 80 | color: #737578; 81 | } 82 | 83 | .page_block { 84 | background: #373B3E; 85 | } 86 | 87 | .nim-dialog.nim-dialog_unread.nim-dialog_muted .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected.nim-dialog_muted .nim-dialog--unread { 88 | background: #F05C44; 89 | } 90 | 91 | .nim-dialog.nim-dialog_unread .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected .nim-dialog--unread { 92 | background: #F05C44; 93 | } 94 | 95 | .nim-dialog_selected._im_dialog_selected.nim-dialog.nim-dialog_unread .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected .nim-dialog--unread { 96 | background-color: #fff; 97 | } 98 | 99 | .im-page .im-page--center-empty { 100 | background: url(https://habrastorage.org/web/6f4/51e/a60/6f451ea606d24b528336b89ec8aa2b98.png) no-repeat top; 101 | color: #737578; 102 | } 103 | 104 | .video_upload_separator_text { 105 | background-color: #373B3E; 106 | color: #777; 107 | } 108 | 109 | .video_upload_separator_line { 110 | background-color: #494D50; 111 | } 112 | 113 | .scrollbar_inner { 114 | background: #7E8082; 115 | } 116 | 117 | .scrollbar_inner:hover { 118 | background: #BEBFC0; 119 | } 120 | 121 | .ui_search_input_block { 122 | background: #373B3E; 123 | } 124 | 125 | .im-page .im-page--dialogs-footer.ui_grey_block { 126 | background: #373B3E; 127 | } 128 | 129 | .fakeinput, div[contenteditable=true], input.big_text, input.dark, input.search, input.text, textarea { 130 | background: #373B3E; 131 | } 132 | 133 | .im-page .im-page--history-new-bar:after, .im-page .im-page--history-new-bar:before { 134 | background: #f66; 135 | } 136 | 137 | .im-page .im-page--history-new-bar { 138 | color: #f66; 139 | } 140 | 141 | .im-mess.im-mess_selected, .im-mess.im-mess_selected:hover { 142 | background: #494D50; 143 | } 144 | 145 | .im-mess.im-mess_selected:last-child:before, .im-mess.im-mess_unread:last-child:before { 146 | background: #494D50; 147 | } 148 | 149 | #side_bar ol li .left_row:hover { 150 | background: #3E4144; 151 | } 152 | 153 | .im-mess.im-mess_selected + .im-mess:before, .im-mess.im-mess_unread + .im-mess:before { 154 | background: #494D50; 155 | } 156 | 157 | .im-mess-stack .im-mess-stack--content .im-mess-stack--pname a { 158 | color: #7E8082; 159 | } 160 | 161 | .nim-dialog.nim-dialog_muted.nim-dialog_selected, .nim-dialog.nim-dialog_selected { 162 | background: #7293b6 !important; 163 | } 164 | 165 | .nim-dialog.nim-dialog_hovered, .nim-dialog:hover { 166 | background: #494D50; 167 | } 168 | 169 | .nim-dialog:hover .nim-peer.nim-peer_online .nim-peer--online { 170 | border-color: #494D50; 171 | } 172 | 173 | .nim-dialog:hover .nim-peer.online:after { 174 | border-color: #494D50; 175 | } 176 | 177 | .nim-dialog.nim-dialog_hovered .nim-dialog--photo .online.mobile:after, .nim-dialog:hover .nim-dialog--photo .online.mobile:after { 178 | background-color: #494D50; 179 | } 180 | 181 | .online.mobile:after { 182 | background-color: #373B3E; 183 | } 184 | 185 | .nim-dialog.nim-dialog_hovered, .nim-dialog.nim-dialog_hovered + .nim-dialog, .nim-dialog:hover, .nim-dialog:hover + .nim-dialog { 186 | border-color: #484B4E; 187 | } 188 | 189 | .vkf-new-design.vkf-highlight-unread-im .im-mess_unread { 190 | background: #494D50 !important; 191 | } 192 | 193 | .nim-dialog.nim-dialog_selected .nim-peer.nim-peer_online .nim-peer--online { 194 | border-color: #7293b6; 195 | } 196 | 197 | .nim-dialog.nim-dialog_selected .nim-peer.nim-peer_online .nim-peer--online .nim-dialog:hover .nim-peer.online:after { 198 | border-color: #7293B6; 199 | } 200 | 201 | .im-mess.im-mess_light { 202 | background: #494D50; 203 | border-radius: 2px; 204 | } 205 | 206 | .im-mess .im-mess--btn { 207 | color: #737578; 208 | } 209 | 210 | .im-page .im-page--history-new-bar { 211 | background: #373B3E; 212 | } 213 | 214 | .im-page .im-page--history-new-bar > span { 215 | background: #373B3E; 216 | } 217 | 218 | .im-fwd .im-fwd--messages { 219 | color: #737578; 220 | } 221 | 222 | .im_rc_emojibtn:hover { 223 | background: #494D50; 224 | } 225 | 226 | .ads_ad_box.redesign .ads_ad_description { 227 | color: #8C8F95; 228 | } 229 | 230 | a._im_start_new { 231 | color: #ccc; 232 | } 233 | 234 | .ads_ad_box_border { 235 | border-color: #484B4E; 236 | } 237 | 238 | .page_doc_row .page_doc_title { 239 | color: #C4D1DE; 240 | } 241 | 242 | .mention_tt_actions { 243 | background-color: #282B2F; 244 | border-top-color: #484B4E; 245 | } 246 | 247 | .tt_w { 248 | color: #C4D1DE; 249 | } 250 | 251 | .im-page .im-page--mess-search { 252 | border-top-color: #484B4E; 253 | border-bottom-color: #484B4E; 254 | background: #373B3E; 255 | } 256 | 257 | .im-page .im-page--mess-search:hover { 258 | background: #494D50; 259 | } 260 | 261 | .box_controls { 262 | background-color: #373B3E; 263 | border-top-color: #484B4E; 264 | } 265 | 266 | .wall_reasons_list { 267 | color: #FFF; 268 | padding-top: 11px; 269 | margin-bottom: -3px; 270 | } 271 | 272 | .wall_module a.page_media_link_title, .wall_module span.page_media_link_title { 273 | color: #C4D1DE; 274 | } 275 | 276 | .nim-dialog .nim-dialog--preview-attach { 277 | color: #C4D1DE; 278 | } 279 | 280 | .wall_copy_more, .wall_post_more, .wall_reply_more { 281 | color: #C4D1DE; 282 | } 283 | 284 | .wall_module .media_desc .a { 285 | color: #C4D1DE; 286 | } 287 | 288 | .wall_tt .like_tt_bottom { 289 | background: #282B2F; 290 | border-top-color: #484B4E; 291 | } 292 | 293 | .cal_table { 294 | color: #FFF; 295 | border-color: #484B4E; 296 | box-shadow: 0 1px 3px rgba(0, 0, 0, .6); 297 | background-color: #373B3E; 298 | } 299 | 300 | .cal_table .daysofweek { 301 | background-color: #282B2F; 302 | color: #FFF; 303 | } 304 | 305 | .im-search .cal_table .past_day.day, .im-search .cal_table .today.day { 306 | color: #989898; 307 | } 308 | 309 | .cal_table .day.sel, .cal_table .day.sel.hover { 310 | background-color: #484B4E; 311 | border-color: #8EA8C7; 312 | line-height: 28px; 313 | } 314 | 315 | .im-search .cal_table .day { 316 | color: #FFF; 317 | } 318 | 319 | .im_cal_clear { 320 | background: #282B2F; 321 | } 322 | 323 | .im_cal_clear_lnk { 324 | color: #B7B7B7; 325 | } 326 | 327 | .im-mess.im-mess_search:hover { 328 | background: #494D50; 329 | } 330 | 331 | .im-page .im-page--header { 332 | background: #373B3E; 333 | } 334 | 335 | .cal_table .day.hover { 336 | background-color: #494D50; 337 | } 338 | 339 | .nim-dialog.nim-dialog_typing .nim-dialog--typing { 340 | color: #C4D1DE; 341 | } 342 | 343 | .video_item .video_item_thumb_wrap { 344 | background-color: #373B3E; 345 | } 346 | 347 | .im-submit-tt .im-submit-tt--title { 348 | color: #FFF; 349 | } 350 | 351 | .im-page .im-page--header, .im-page .im-page--search-header { 352 | background-color: #373b3e; 353 | border-bottom-color: #484b4e; 354 | } 355 | 356 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_classic.nim-dialog_unread, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered + .nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic + .nim-dialog, .nim-dialog:not(.nim-dialog_deleted):hover + .nim-dialog { 357 | border-top-color: #494d50; 358 | } 359 | 360 | .box_body .im_stickers_store_wrap .ui_tabs { 361 | border-color: #484B4E; 362 | } 363 | 364 | .im_stickers_store_wrap .ui_tabs { 365 | background-color: #282B2F; 366 | } 367 | 368 | .im_stickers_bl_wrap { 369 | background-color: #373B3E; 370 | } 371 | 372 | .im_sticker_bl { 373 | background-color: #494D50; 374 | } 375 | 376 | .im_sticker_bl_name { 377 | color: #fff; 378 | } 379 | 380 | .ui_tab_plain { 381 | color: #C4D1DE; 382 | } 383 | 384 | .im_stickers_my_tip { 385 | background-color: #282B2F; 386 | color: #fff; 387 | } 388 | 389 | .im_stickers_my_row ~ .im_stickers_my_row { 390 | border-top-color: #484B4E; 391 | } 392 | 393 | .im_stickers_my_name { 394 | color: #FFF; 395 | } 396 | 397 | .im-chat-placeholder { 398 | background-color: #484B4E; 399 | } 400 | 401 | .im-dropbox { 402 | background: #373B3E; 403 | color: #7E8082; 404 | } 405 | 406 | .im-dropbox .im-dropbox--inner { 407 | border-color: #7E8082; 408 | } 409 | 410 | .media_preview_has_medias { 411 | border-bottom-color: #484B4E; 412 | } 413 | 414 | .im-dropbox.dropbox_over .im-dropbox--inner { 415 | background-color: #494D50; 416 | } 417 | 418 | .im_stickers_my_row.sort_taken, .im_stickers_my_row.sort_taken:last-child { 419 | border-top-color: #494D50; 420 | background-color: #494D50; 421 | } 422 | 423 | .im_stickers_buy_header { 424 | background-color: #282B2F; 425 | border-bottom-color: #484B4E; 426 | } 427 | 428 | .im_stickerpack_name { 429 | color: #FFF; 430 | } 431 | 432 | .im_stickers_store_wrap .flat_button.secondary, .im_stickers_store_wrap .flat_button.secondary:active, .im_stickers_store_wrap .flat_button.secondary:hover { 433 | background-color: #646A6F; 434 | color: #BBC8D2; 435 | } 436 | 437 | .dropbox { 438 | background-color: #373B3E; 439 | } 440 | 441 | #photos_choose_upl { 442 | background-color: #282B2F; 443 | } 444 | 445 | .box_body { 446 | background-color: #373B3E; 447 | } 448 | 449 | .web_cam_photo { 450 | background-color: #373B3E; 451 | } 452 | 453 | .photo_upload_separator { 454 | background-color: #373B3E; 455 | } 456 | 457 | .photos_choose_upload_area_enter .photos_choose_upload_area { 458 | background-color: #282B2F; 459 | } 460 | 461 | .im-create { 462 | background: #373B3E; 463 | } 464 | 465 | .ui_tabs { 466 | border-bottom-color: #484B4E; 467 | } 468 | 469 | .im-create .im-create--tabs { 470 | background: #373B3E; 471 | } 472 | 473 | .ui_grey_block { 474 | background: #373B3E; 475 | border-top-color: #484B4E; 476 | } 477 | 478 | .ui_search { 479 | border-bottom-color: #484B4E; 480 | } 481 | 482 | input.ui_search_field { 483 | color: #fff; 484 | } 485 | 486 | .im-page-btn { 487 | color: #fff; 488 | } 489 | 490 | .ui_multiselect_cnt .token .token_title, .ui_search_filters_pane .token .token_title { 491 | color: #fff; 492 | } 493 | 494 | .ui_multiselect_cnt .token, .ui_search_filters_pane .token { 495 | background-color: #494D50; 496 | } 497 | 498 | .im-mess.im-mess_unread { 499 | background: #494D50; 500 | } 501 | 502 | .nim-dialog.nim-dialog_simple.nim-dialog_hovered, .nim-dialog.nim-dialog_simple:hover { 503 | background: #494D50; 504 | } 505 | 506 | .ms_items_more { 507 | background: #373B3E; 508 | border-color: #484B4E; 509 | } 510 | 511 | .ms_items_more_wrap.to_up .ms_items_more:before { 512 | border-top-color: #484B4E; 513 | } 514 | 515 | .ms_items_more_wrap.to_up .ms_items_more:after { 516 | border-top-color: #373B3E; 517 | } 518 | 519 | .media_selector .ms_items_more .ms_item:hover { 520 | background-color: #494D50; 521 | } 522 | 523 | .page_block { 524 | box-shadow: 0 1px 0 0 #484B4E, 0 0 0 1px #484B4E; 525 | } 526 | 527 | #side_bar .more_div { 528 | border-top-color: #484B4E; 529 | } 530 | 531 | .leave_redesign { 532 | border-top-color: #484B4E; 533 | } 534 | 535 | .im-page .im-page--header { 536 | border-bottom-color: #484B4E; 537 | } 538 | 539 | .nim-dialog .nim-dialog--content { 540 | border-top-color: #484B4E; 541 | } 542 | 543 | .im-chat-input .im-chat-input--text { 544 | border-bottom-color: #484B4E; 545 | } 546 | 547 | .im-chat-input .im-chat-input--text:focus { 548 | border-bottom-color: #7E8388; 549 | } 550 | 551 | .im-page .im-page--dialogs-footer { 552 | border-top-color: #484B4E; 553 | } 554 | 555 | .im-chat-input { 556 | border-top-color: #484B4E; 557 | } 558 | 559 | .im-page .im-page--header-chat { 560 | border-bottom-color: #484B4E; 561 | } 562 | 563 | .im_fwd_log_wrap, .im_wall_log_wrap { 564 | border-left-color: #484B4E; 565 | } 566 | 567 | .wall_module .copy_quote { 568 | border-left-color: #484B4E; 569 | } 570 | 571 | .nim-dialog .nim-dialog--photo { 572 | border-color: #373B3E; 573 | } 574 | 575 | .nim-peer.nim-peer_online .nim-peer--online { 576 | border-color: #373B3E; 577 | } 578 | 579 | input.text.ts_input:focus { 580 | background-color: #254469; 581 | color: #FFF; 582 | } 583 | 584 | .ts_cont_wrap { 585 | background: #373B3E; 586 | border-color: #484B4E; 587 | } 588 | 589 | .ts_contact_photo.online.mobile:after { 590 | background-color: #373B3E; 591 | } 592 | 593 | .ts_contact_photo.online:after { 594 | border-color: #373B3E; 595 | } 596 | 597 | a.ts_contact.active, a.ts_search_link.active { 598 | background: #494D50; 599 | } 600 | 601 | .ts_contact.active .ts_contact_photo.online:after { 602 | border-color: #494D50; 603 | } 604 | 605 | .ts_contact.active .ts_contact_photo.online.mobile:after { 606 | background-color: #494D50; 607 | } 608 | 609 | .ts_contact_name { 610 | color: #FFFFFF; 611 | } 612 | 613 | .ts_cont_wrap { 614 | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47); 615 | } 616 | 617 | .ts_search_sep { 618 | border-top-color: #484B4E; 619 | } 620 | 621 | em.ts_clist_hl { 622 | background: #494D50; 623 | } 624 | 625 | .pv_liked .pv_like_count { 626 | color: #fff; 627 | } 628 | 629 | .pv_like._like_wrap.pv_liked > span.pv_like_link._link { 630 | color: #fff; 631 | } 632 | 633 | .pv_like_count { 634 | color: #C4D1DE; 635 | } 636 | 637 | .wall_module .my_like .post_like_count, .wall_module .my_share .post_share_count { 638 | color: #fff; 639 | } 640 | 641 | .groups_blocked img { 642 | border-radius: 3px; 643 | -webkit-filter: grayscale(1) opacity(0.7); 644 | filter: grayscale(1) opacity(0.7); 645 | } 646 | 647 | .tt_default, .tt_default_right { 648 | border-color: #484B4E; 649 | background: #373B3E; 650 | } 651 | 652 | .ui_actions_menu_item { 653 | color: #fff; 654 | } 655 | 656 | .tt_default.tt_down::before { 657 | border-top-color: #484B4E; 658 | } 659 | 660 | .tt_default.tt_down::after { 661 | border-top-color: #373B3E; 662 | } 663 | 664 | .ui_actions_menu_item:hover { 665 | background-color: #494D50; 666 | } 667 | 668 | .ui_tabs.ui_tabs_box { 669 | border-color: #484B4E; 670 | background-color: #282B2F; 671 | } 672 | 673 | .ui_tab_sel, .ui_tabs .ui_tab_sel, .ui_tabs_box .ui_tab_sel { 674 | color: #FFF; 675 | } 676 | 677 | .tt_default.tt_up:before { 678 | border-bottom-color: #484B4E; 679 | } 680 | 681 | .tt_default.tt_up:after { 682 | border-bottom-color: #373B3E; 683 | } 684 | 685 | .emoji_sprite { 686 | background-image: url(https://habrastorage.org/web/2fb/fc1/c58/2fbfc1c586b54b4f81165d57b27df4f1.png); 687 | background-repeat: no-repeat; 688 | } 689 | 690 | .emoji_tabs { 691 | background: #282B2F; 692 | } 693 | 694 | .emoji_tabs_l_s, .emoji_tabs_r_s { 695 | background: #282B2F; 696 | } 697 | 698 | .emoji_tab_sel, .emoji_tab_sel:hover { 699 | background: #373B3E; 700 | } 701 | 702 | .emoji_bg { 703 | background: #494D50; 704 | } 705 | 706 | .emoji_tt_wrap { 707 | background-color: #373B3E; 708 | border-color: #484B4E; 709 | } 710 | 711 | .emoji_tab:hover { 712 | background: #494D50; 713 | } 714 | 715 | .emoji_tabs_l_s:hover, .emoji_tabs_r_s:hover { 716 | background: #494D50; 717 | } 718 | 719 | .emoji_tt_wrap.tt_down:after { 720 | border-top-color: #282B2F; 721 | } 722 | 723 | .emoji_tt_wrap.tt_down:before { 724 | border-top-color: #484B4E; 725 | } 726 | 727 | .emoji_shop:hover { 728 | background: #494D50; 729 | } 730 | 731 | .emoji_shop_icon_badge { 732 | border-color: #282B2F; 733 | } 734 | 735 | .emoji_shop:hover .emoji_shop_icon_badge { 736 | border-color: #494D50; 737 | } 738 | 739 | .sticker_hints_tt { 740 | box-shadow: 0 1px 3px rgba(0, 0, 0, .6); 741 | background-color: #373b3e; 742 | border-color: #484b4e; 743 | } 744 | 745 | .sticker_hints_arrow { 746 | background-color: #373b3e; 747 | border-left-color: #484b4e; 748 | } 749 | 750 | .sticker_hints_arrow:hover { 751 | background-color: #494d50; 752 | } 753 | 754 | .ui_actions_menu { 755 | background: #373B3E; 756 | border-color: #484B4E; 757 | } 758 | 759 | .ui_actions_menu_sep { 760 | border-top-color: #484B4E; 761 | } 762 | 763 | .ui_actions_menu:before { 764 | border-bottom-color: #484B4E; 765 | } 766 | 767 | .ui_actions_menu:after { 768 | border-bottom-color: #373B3E; 769 | } 770 | 771 | #top_profile_menu:before { 772 | border-bottom-color: #484B4E; 773 | } 774 | 775 | #top_profile_menu:after { 776 | border-bottom-color: #373B3E; 777 | } 778 | 779 | .emoji_tt_wrap.emoji_no_tabs.tt_down:after { 780 | border-top-color: #373B3E; 781 | } 782 | 783 | .emoji_sticker_item:hover { 784 | background: #494D50; 785 | } 786 | 787 | .mott_header a, .verified_tt_header a { 788 | color: #FFF; 789 | } 790 | 791 | .tt_default.verified_tt.tt_up:before { 792 | border-bottom-color: #484B4E; 793 | } 794 | 795 | .tt_default.verified_tt.tt_up:after { 796 | border-bottom-color: #373B3E; 797 | } 798 | 799 | #top_notify_wrap { 800 | background: #373B3E; 801 | border-color: #484B4E; 802 | } 803 | 804 | .top_notify_show_all { 805 | background-color: #373B3E; 806 | border-top-color: #484B4E; 807 | } 808 | 809 | .feed_row + .feed_row_fb_hidden .feedback_row:first-child, .feed_row ~ .feed_row .feedback_row, .feed_row ~ .feed_row .feedback_sticky_row, .feedback_sticky_rows:not(:empty) + .feed_row .feedback_row { 810 | border-top-color: #484B4E; 811 | } 812 | 813 | .top_notify_header { 814 | background-color: #373B3E; 815 | color: #C4D1DE; 816 | border-bottom-color: #484B4E; 817 | } 818 | 819 | .feedback_header .author, .feedback_header .group_link, .feedback_header .mem_link { 820 | color: #fff; 821 | } 822 | 823 | .feedback_photo_icon { 824 | background-color: #373B3E; 825 | border-color: #373B3E; 826 | } 827 | 828 | #top_notify_wrap { 829 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); 830 | } 831 | 832 | #top_notify_wrap:before { 833 | border-bottom-color: #484B4E; 834 | } 835 | 836 | #top_notify_wrap:after { 837 | border-bottom-color: #373B3E; 838 | } 839 | 840 | .top_notify_show_all:hover { 841 | background-color: #494D50; 842 | } 843 | 844 | .top_notify_cont .feedback_row:hover { 845 | background-color: #494D50; 846 | } 847 | 848 | .feedback_row_wrap.unread { 849 | background-color: #373B3E; 850 | } 851 | 852 | .feedback_row_wrap.unread .feedback_photo_icon { 853 | background-color: #373B3E; 854 | border-color: #373B3E; 855 | } 856 | 857 | .feedback_row_clickable:not(.feedback_row_touched):hover { 858 | background-color: #494D50; 859 | } 860 | 861 | .top_notify_cont .feedback_row:hover .feedback_photo_icon { 862 | border-color: #494D50; 863 | } 864 | 865 | .feedback_sticky_row.unread { 866 | background-color: #494D50; 867 | } 868 | 869 | .feedback_sticky_row.unread { 870 | background-color: #494D50; 871 | } 872 | 873 | .feedback_sticky_row.unread { 874 | background-color: #494D50; 875 | } 876 | 877 | .feedback_sticky_actions .feedback_sticky_menu .ui_actions_menu:before, .ui_actions_menu_dummy_wrap.feedback_sticky_menu .ui_actions_menu:before { 878 | border-bottom-color: #484B4E; 879 | } 880 | 881 | .feedback_sticky_actions .feedback_sticky_menu .ui_actions_menu:after, .ui_actions_menu_dummy_wrap.feedback_sticky_menu .ui_actions_menu:after { 882 | border-bottom-color: #373B3E; 883 | } 884 | 885 | .top_notify_cont { 886 | color: #FFF; 887 | } 888 | 889 | .feedback_sticky_text .group_link, .feedback_sticky_text .mem_link { 890 | color: #C4D1DE; 891 | } 892 | 893 | .feedback_sticky_row.hover, .feedback_sticky_row:hover { 894 | background-color: #494D50; 895 | } 896 | 897 | .feed_row ~ .feed_row .feedback_row_clickable:not(.feedback_row_touched):hover { 898 | border-top-color: #484B4E; 899 | } 900 | 901 | .feedback_row_clickable:not(.feedback_row_touched):hover { 902 | border-bottom-color: #484B4E; 903 | } 904 | 905 | #all_shown { 906 | border-top-color: #484B4E; 907 | } 908 | 909 | .feed_article_title { 910 | color: #C4D1DE; 911 | } 912 | 913 | .wall_module td.page_media_link_thumb { 914 | box-shadow: 0 0 0 1px rgb(94, 97, 100) inset; 915 | } 916 | 917 | .top_notify_cont .feedback_header { 918 | color: #808080; 919 | } 920 | 921 | .mention_tt_online { 922 | color: #BBE6AC; 923 | } 924 | 925 | .mention_tt.mention_has_actions.tt_default.tt_down:after { 926 | border-top-color: #282B2F; 927 | } 928 | 929 | .wl_replies_header_progress { 930 | background-color: #373B3E; 931 | border-color: #484B4E; 932 | } 933 | 934 | .feedback_row_answer { 935 | background-color: #494D50; 936 | border-color: #5E6265; 937 | } 938 | 939 | .feedback_row_answer:before { 940 | border-bottom-color: #5E6265; 941 | } 942 | 943 | .feedback_row_answer:after { 944 | border-bottom-color: #494D50; 945 | } 946 | 947 | .feedback_row_wrap.reply_box_open { 948 | background-color: #494D50; 949 | border-bottom-color: #484B4E; 950 | } 951 | 952 | .feed_row ~ .feed_row .feedback_row_wrap.reply_box_open { 953 | border-top-color: #494D50; 954 | } 955 | 956 | .feedback_row_wrap.reply_box_open .reply_box:before { 957 | border-bottom-color: #484B4E; 958 | } 959 | 960 | .feedback_row_wrap.reply_box_open .reply_box:after { 961 | border-bottom-color: #373B3E; 962 | } 963 | 964 | .feedback_row_wrap.reply_box_open .submit_post, .feedback_row_wrap.reply_box_open:hover { 965 | background-color: #494D50; 966 | } 967 | 968 | .tt_w.top_notify_tt { 969 | background-color: #373b3e; 970 | border-color: #484b4e; 971 | } 972 | 973 | .tt_w.top_notify_tt.tt_up:before { 974 | border-bottom-color: #484b4e; 975 | } 976 | 977 | .tt_w.top_notify_tt.tt_up:after { 978 | border-bottom-color: #373b3e; 979 | } 980 | 981 | .notify_tt_text .group_link, .notify_tt_text .mem_link { 982 | color: #fff; 983 | } 984 | 985 | .page_block #all_shown { 986 | border-top-color: #484b4e; 987 | } 988 | 989 | .feedback_unread_bar { 990 | border-top-color: #484b4e; 991 | border-bottom-color: #484b4e; 992 | background-color: #373b3e; 993 | color: #fff; 994 | } 995 | 996 | .feedback_row_wrap.unread:not(.feedback_row_touched) { 997 | background-color: #494d50; 998 | } 999 | 1000 | .top_notify_cont .feedback_row:not(.dld):hover { 1001 | background-color: #494d50; 1002 | } 1003 | 1004 | .top_notify_cont .feedback_row:not(.dld):hover .feedback_photo_icon { 1005 | border-color: #494d50; 1006 | } 1007 | 1008 | .top_notify_cont .feedback_row_menu .ui_actions_menu:before, .ui_actions_menu_dummy_wrap.feedback_row_menu .ui_actions_menu:before { 1009 | border-bottom-color: #494d50; 1010 | } 1011 | 1012 | .top_notify_cont .feedback_row_menu .ui_actions_menu:after, .ui_actions_menu_dummy_wrap.feedback_row_menu .ui_actions_menu:after { 1013 | border-bottom-color: #373b3e; 1014 | } 1015 | 1016 | #top_profile_menu { 1017 | background: #373B3E; 1018 | border-color: #484B4E; 1019 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); 1020 | } 1021 | 1022 | .top_profile_mrow { 1023 | color: #fff; 1024 | } 1025 | 1026 | .top_profile_sep { 1027 | border-top-color: #484B4E; 1028 | } 1029 | 1030 | .top_profile_mrow:hover { 1031 | background-color: #494D50; 1032 | } 1033 | 1034 | .audio_page_player { 1035 | background-color: #373B3E; 1036 | border-bottom-color: #484B4E; 1037 | } 1038 | 1039 | .audio_layout { 1040 | color: #fff; 1041 | } 1042 | 1043 | .eltt { 1044 | background-color: #373B3E; 1045 | border-color: #484B4E; 1046 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); 1047 | } 1048 | 1049 | .audio_layer_bottom { 1050 | background-color: #373B3E; 1051 | border-top-color: #484B4E; 1052 | } 1053 | 1054 | .audio_page_player .audio_page_player_title { 1055 | color: #FFF; 1056 | } 1057 | 1058 | .audio_friends_list { 1059 | background-color: #373B3E; 1060 | } 1061 | 1062 | .eltt.eltt_up:after { 1063 | border-bottom-color: #373B3E; 1064 | } 1065 | 1066 | .eltt.eltt_up:before { 1067 | border-bottom-color: #484B4E; 1068 | } 1069 | 1070 | .audio_page_player .audio_page_player_duration { 1071 | color: #7E8082; 1072 | } 1073 | 1074 | .top_audio_layer .audio_layer_rows_cont { 1075 | border-right-color: #484B4E; 1076 | } 1077 | 1078 | .ui_rmenu_item, .ui_rmenu_subitem { 1079 | color: #E0E0E0; 1080 | } 1081 | 1082 | .ui_rmenu_item:hover, .ui_rmenu_subitem:hover, .ui_rmenu_item_sel, .ui_rmenu_item_sel:hover { 1083 | background-color: #494D50; 1084 | } 1085 | 1086 | .ui_rmenu_item_sel, .ui_rmenu_item_sel:hover { 1087 | color: #FFF; 1088 | } 1089 | 1090 | .audio_row.lyrics .audio_title_inner { 1091 | color: #C0DBF7; 1092 | } 1093 | 1094 | .ui_suggester_results_list { 1095 | background-color: #373B3E; 1096 | border-color: #484B4E; 1097 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); 1098 | } 1099 | 1100 | .ui_suggester_results_list ul li { 1101 | color: #FFF; 1102 | } 1103 | 1104 | .audio_search_focused .audio_performer > em, .audio_search_focused .audio_title > em { 1105 | background-color: #6E7275; 1106 | } 1107 | 1108 | .ui_suggester_results_list ul li.active, .ui_suggester_results_list ul li:hover { 1109 | background: #494D50; 1110 | color: #FFF; 1111 | } 1112 | 1113 | .ui_search_fltr { 1114 | background: #373B3E; 1115 | border-color: #484B4E; 1116 | box-shadow: 0 1px 3px rgba(0, 0, 0, .6); 1117 | color: #fff; 1118 | } 1119 | 1120 | .ui_search_fltr_label { 1121 | color: #FFF; 1122 | } 1123 | 1124 | .flat_button.ui_load_more_btn { 1125 | color: #FFF; 1126 | background-color: #494D50; 1127 | border-top-color: #484B4E; 1128 | } 1129 | 1130 | .ui_search_filters_pane { 1131 | border-top-color: #484B4E; 1132 | background-color: #373B3E; 1133 | } 1134 | 1135 | .selector_container { 1136 | background: #494D50; 1137 | } 1138 | 1139 | .selector_container td.selector input.focused, .selector_container td.selector input.selected { 1140 | color: #FFF; 1141 | } 1142 | 1143 | .selector_container table.selector_table { 1144 | border-color: #484B4E; 1145 | background-color: #373B3E; 1146 | } 1147 | 1148 | .selector_focused table.selector_table { 1149 | border-color: #484B4E; 1150 | background-color: #373B3E; 1151 | } 1152 | 1153 | .ui_search_fltr:after { 1154 | border-bottom-color: #373B3E; 1155 | } 1156 | 1157 | .ui_search_fltr:before { 1158 | border-bottom-color: #484B4E; 1159 | } 1160 | 1161 | .friends_possible_block.button_gray button, .flat_button.secondary { 1162 | background-color: #494d50; 1163 | color: #FFF; 1164 | } 1165 | 1166 | .button_gray button.hover, .button_gray button:hover, .flat_button.secondary.hover, .flat_button.secondary:hover { 1167 | background-color: #60758A; 1168 | } 1169 | 1170 | #audio_status_tt .audio_share_cont { 1171 | background-color: #373B3E; 1172 | border-top-color: #484B4E; 1173 | } 1174 | 1175 | .box_title_wrap.box_grey { 1176 | background-color: #6287AE; 1177 | color: #FFF; 1178 | border-bottom-color: #484B4E; 1179 | } 1180 | 1181 | .box_title_wrap.box_grey .box_title { 1182 | color: #FFF; 1183 | } 1184 | 1185 | .box_body { 1186 | background-color: #373B3E; 1187 | } 1188 | 1189 | .subheader { 1190 | color: #AFAFAF; 1191 | } 1192 | 1193 | .ui_tabs_header { 1194 | background-color: #373B3E; 1195 | } 1196 | 1197 | #audio_new_cont ul.listing li span { 1198 | color: #FFF; 1199 | } 1200 | 1201 | .tabbed_box .summary_tab .summary_tab3, .tabbed_box .summary_tab_sel .summary_tab3, .tabbed_box .summary_tab_sel a, .tabbed_box .summary_tab a { 1202 | color: #65686c; 1203 | } 1204 | 1205 | .tabbed_box .summary_tab .summary_tab3, .tabbed_box .summary_tab_sel .summary_tab3, .tabbed_box .summary_tab_sel a, .tabbed_box .summary_tab a { 1206 | color: #FFFFFF; 1207 | } 1208 | 1209 | .tabbed_box .summary_tabs { 1210 | border-bottom-color: #484B4E; 1211 | } 1212 | 1213 | .olist_item_wrap { 1214 | border-bottom-color: #484B4E; 1215 | } 1216 | 1217 | .olist.audio_album .olist_item_performer { 1218 | color: #FFF; 1219 | } 1220 | 1221 | .olist.audio_album .olist_item_title { 1222 | color: #BBB; 1223 | } 1224 | 1225 | .box_controls .flat_button.secondary, .flat_button.secondary.button_light { 1226 | color: #bbb; 1227 | } 1228 | 1229 | .olist_item_wrap em { 1230 | background: #47698F; 1231 | } 1232 | 1233 | .olist_checkbox { 1234 | background: url(https://habrastorage.org/web/96b/5cd/b38/96b5cdb382764f17b7671ea230825248.png) no-repeat 0 -26px; 1235 | } 1236 | 1237 | .olist_item_wrap:hover { 1238 | border-top-color: #373B3E; 1239 | background-color: #494D50; 1240 | } 1241 | 1242 | .tabbed_box .summary_tab .summary_tab3:hover, .tabbed_box .summary_tab_sel .summary_tab3:hover, .tabbed_box .summary_tab_sel a:hover, .tabbed_box .summary_tab a:hover { 1243 | background-color: #373B3E; 1244 | } 1245 | 1246 | .olist_botsh .box_controls { 1247 | border-top-color: #484B4E; 1248 | } 1249 | 1250 | #album_name_wrap { 1251 | background-color: #282B2F; 1252 | border-bottom: 1px solid #484B4E; 1253 | padding: 20px 0; 1254 | text-align: center; 1255 | } 1256 | 1257 | .tabbed_box .summary_tab_sel .summary_tab2 { 1258 | background-color: #373B3E; 1259 | } 1260 | 1261 | .box_controls .flat_button.secondary:hover, .flat_button.secondary.button_light:hover { 1262 | background-color: #494D50; 1263 | } 1264 | 1265 | .ui_search.ui_search_fixed { 1266 | border-color: #484B4E; 1267 | box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6); 1268 | } 1269 | 1270 | .ui_search_custom_link { 1271 | color: #c4d1de; 1272 | } 1273 | 1274 | .search_sep { 1275 | border-top-color: #484B4E; 1276 | } 1277 | 1278 | .friends_import_header { 1279 | color: #FFF; 1280 | } 1281 | 1282 | .invite_box_text { 1283 | border-bottom-color: #484B4E; 1284 | color: #FFF; 1285 | } 1286 | 1287 | .invite_box .label { 1288 | color: #FFF; 1289 | } 1290 | 1291 | .ui_ownblock_label { 1292 | color: #FFF; 1293 | } 1294 | 1295 | div.box_body.box_no_buttons { 1296 | background-color: #373B3E !important; 1297 | } 1298 | 1299 | .audio_edit_label { 1300 | color: #FFF; 1301 | } 1302 | 1303 | .audio_edit_input.chk { 1304 | color: #FFF; 1305 | } 1306 | 1307 | .audio_page_player .audio_page_player_next .icon, .audio_page_player .audio_page_player_prev .icon { 1308 | -webkit-filter: brightness(1.5) grayscale(0.2); 1309 | filter: brightness(1.5) grayscale(0.2); 1310 | } 1311 | 1312 | .audio_page_player .audio_page_player_btns .icon { 1313 | -webkit-filter: brightness(1.5) grayscale(0.2); 1314 | filter: brightness(1.5) grayscale(0.2); 1315 | } 1316 | 1317 | .audio_hq_label { 1318 | -webkit-filter: brightness(1.5) grayscale(0.2); 1319 | filter: brightness(1.5) grayscale(0.2); 1320 | } 1321 | 1322 | .eltt.eltt_bottom:after { 1323 | border-bottom-color: #373B3E; 1324 | } 1325 | 1326 | .chat_onl_inner { 1327 | background-color: #373B3E; 1328 | } 1329 | 1330 | .chat_tab_wrap:hover { 1331 | background-color: #494D50; 1332 | } 1333 | 1334 | .chat_tab_imgcont.online:after { 1335 | border-color: #373B3E; 1336 | } 1337 | 1338 | .chat_tab_wrap:hover .chat_tab_imgcont.online:after { 1339 | border-color: #494D50; 1340 | } 1341 | 1342 | .chat_tab_imgcont.online.mobile:after { 1343 | background-color: #373B3E; 1344 | } 1345 | 1346 | .chat_tab_wrap:hover .chat_tab_imgcont.online.mobile:after { 1347 | background-color: #494D50; 1348 | } 1349 | 1350 | .fc_tab { 1351 | border-color: #484B4E; 1352 | background-color: #373B3E; 1353 | } 1354 | 1355 | .fc_msgs { 1356 | background-color: #494D50; 1357 | border-color: #282B2F; 1358 | } 1359 | 1360 | .fc_msgs_out .fc_msgs { 1361 | background-color: rgb(83, 116, 150); 1362 | border-color: #B3B3B3; 1363 | } 1364 | 1365 | div.fc_tab_txt { 1366 | background: #373B3E; 1367 | border-top-color: #484B4E; 1368 | } 1369 | 1370 | .fc_tab_pointer:before { 1371 | border-left-color: #484B4E; 1372 | } 1373 | 1374 | .fc_tab_pointer.fc_tab_pointer_peer:after { 1375 | border-left-color: #373B3E; 1376 | } 1377 | 1378 | #fc_contacts, .fc_content { 1379 | background: #373B3E; 1380 | } 1381 | 1382 | div.fc_clist_filter_wrap { 1383 | border-top-color: #484B4E; 1384 | background: #373B3E; 1385 | } 1386 | 1387 | #fc_ctabs_cont { 1388 | border-color: #484B4E; 1389 | } 1390 | 1391 | em.fc_clist_hl { 1392 | background: #47698F; 1393 | } 1394 | 1395 | .fc_contact_name { 1396 | color: #FFF; 1397 | } 1398 | 1399 | .chat_cont_sh_bottom, .chat_cont_sh_top { 1400 | background: -o-linear-gradient(270deg, rgba(216, 223, 230, 0), #373B3E 80%); 1401 | background: linear-gradient(180deg, rgba(216, 223, 230, 0), #373B3E 80%); 1402 | } 1403 | 1404 | span.fc_contact_photo.online:after { 1405 | border-color: #373B3E; 1406 | } 1407 | 1408 | span.fc_contact_photo.online.mobile:after { 1409 | background-color: #373B3E; 1410 | } 1411 | 1412 | a.fc_contact_over { 1413 | background-color: #494D50; 1414 | } 1415 | 1416 | a.fc_contact_over span.fc_contact_photo.online:after { 1417 | border-color: #494D50; 1418 | } 1419 | 1420 | a.fc_contact_over span.fc_contact_photo.online.mobile:after { 1421 | background-color: #494D50; 1422 | } 1423 | 1424 | .fc_tab_pointer:after { 1425 | border-left-color: #373B3E; 1426 | } 1427 | 1428 | .fc_msgs_unread { 1429 | background-color: #494D50; 1430 | } 1431 | 1432 | .fc_tab_notify { 1433 | background-color: #494D50; 1434 | border-bottom-color: #494D50; 1435 | } 1436 | 1437 | .fc_tab_wrap { 1438 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6); 1439 | } 1440 | 1441 | .submit_post { 1442 | background: #373B3E; 1443 | border-top-color: #484B4E; 1444 | } 1445 | 1446 | .olist_item_name { 1447 | color: #FFF; 1448 | } 1449 | 1450 | .ui_actions_menu_item:hover { 1451 | background-color: #494D50; 1452 | } 1453 | 1454 | .feed_new_posts { 1455 | color: #C4D1DE; 1456 | border-bottom-color: #484B4E; 1457 | } 1458 | 1459 | .feed_new_posts:hover { 1460 | background: #494D50; 1461 | } 1462 | 1463 | .post_author .author, .wall_module .author, .wall_module .copy_author { 1464 | color: #C4D1DE; 1465 | } 1466 | 1467 | .post_full_like_wrap { 1468 | border-top-color: #484B4E; 1469 | } 1470 | 1471 | .wall_module .replies_list { 1472 | border-top-color: #484B4E; 1473 | } 1474 | 1475 | .wall_module .reply_box, .wall_module .reply_fakebox_wrap { 1476 | border-top-color: #484B4E; 1477 | } 1478 | 1479 | .replies_open, .wr_header { 1480 | color: #C4D1DE; 1481 | background: #494D50; 1482 | } 1483 | 1484 | a.wall_reply_greeting { 1485 | color: #C4D1DE; 1486 | } 1487 | 1488 | .post_like, .post_share { 1489 | color: #C4D1DE; 1490 | } 1491 | 1492 | .wall_module .post_like:hover, .wall_module .post_share:hover { 1493 | background-color: #494D50; 1494 | } 1495 | 1496 | .wall_module .reply_fakebox { 1497 | background: #373B3E; 1498 | } 1499 | 1500 | .wall_module .post_like_count, .wall_module .post_share_count { 1501 | color: #fff; 1502 | } 1503 | 1504 | .wall_module .reply ~ .reply .dld, .wall_module .reply ~ .reply .reply_wrap { 1505 | border-top-color: #484B4E; 1506 | } 1507 | 1508 | .wall_module .like_count { 1509 | color: #fff; 1510 | } 1511 | 1512 | .wall_module .my_like .like_count, .wall_module .my_share .share_count { 1513 | color: #C4D1DE; 1514 | } 1515 | 1516 | .wall_module .media_desc .lnk .lnk_mail_description { 1517 | color: #C4D1DE; 1518 | } 1519 | 1520 | .wall_module .media_desc .lnk.lnk_mail { 1521 | border-left-color: #484B4E; 1522 | } 1523 | 1524 | .wall_module .media_desc .lnk .lnk_mail_title { 1525 | color: #A3D1FF; 1526 | } 1527 | 1528 | .flat_button.secondary_dark:hover { 1529 | background-color: #60758A; 1530 | } 1531 | 1532 | .flat_button.secondary_dark { 1533 | background-color: #494D50; 1534 | color: #fff; 1535 | } 1536 | 1537 | .wall_module .page_media_thumbed_link { 1538 | background-color: #494D50; 1539 | border-color: #484B4E; 1540 | } 1541 | 1542 | .wall_module a.page_media_thumbed_link { 1543 | cursor: pointer; 1544 | color: #C4D1DE; 1545 | } 1546 | 1547 | .wall_module div.page_media_link_desc { 1548 | color: #FFF; 1549 | } 1550 | 1551 | .ui_actions_menu_sublist .ui_actions_menu_item.checked:hover { 1552 | background-color: #494D50; 1553 | } 1554 | 1555 | .feed_lists_icon .ui_actions_menu:before { 1556 | border-bottom-color: #484B4E; 1557 | } 1558 | 1559 | .feed_lists_icon .ui_actions_menu:after { 1560 | border-bottom-color: #373B3E; 1561 | } 1562 | 1563 | .olist_topsh .olist_filter_wrap { 1564 | border-color: #484B4E; 1565 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6); 1566 | } 1567 | 1568 | .ui_tabs_box .ui_tab_sel .ui_tab_count { 1569 | color: #C4D1DE; 1570 | } 1571 | 1572 | .feed_list_name_wrap { 1573 | border-bottom-color: #484B4E; 1574 | } 1575 | 1576 | .feed_list_name_label { 1577 | color: #FFF; 1578 | } 1579 | 1580 | .replies_side { 1581 | border-color: #C4D1DE; 1582 | box-shadow: 0 1px 3px rgba(0, 0, 0, .6); 1583 | background: #494D50 url(https://habrastorage.org/web/a43/ece/4d6/a43ece4d67c341a895458b083c7e6295.png) no-repeat 50% 50%; 1584 | } 1585 | 1586 | .replies_side:hover { 1587 | background-color: #656565; 1588 | } 1589 | 1590 | .search_filters_minimized_text { 1591 | background-color: #373B3E; 1592 | } 1593 | 1594 | .search_filter_main, .search_filter_open, .search_filter_shut { 1595 | color: #FFF; 1596 | } 1597 | 1598 | .info_msg { 1599 | background-color: #494D50; 1600 | border-color: #737373; 1601 | } 1602 | 1603 | .right_list_header { 1604 | color: #FFF; 1605 | } 1606 | 1607 | .ui_rmenu_subitem.ui_rmenu_item_sel, .ui_rmenu_subitem.ui_rmenu_item_sel:hover { 1608 | color: #C4D1DE; 1609 | } 1610 | 1611 | .online:after { 1612 | border-color: #373B3E; 1613 | } 1614 | 1615 | .photos_container .photos_row { 1616 | border-color: #373B3E; 1617 | } 1618 | 1619 | .places_summary { 1620 | color: #FFF; 1621 | } 1622 | 1623 | .pv_comments_header { 1624 | background: #494D50; 1625 | color: #C4D1DE; 1626 | } 1627 | 1628 | .pv_comments_header:hover { 1629 | background: #60758A; 1630 | } 1631 | 1632 | .replies_open:hover, .wr_header:hover { 1633 | background-color: #60758A; 1634 | } 1635 | 1636 | .mv_controls { 1637 | background: #373B3E; 1638 | } 1639 | 1640 | .mv_title { 1641 | color: #FFF; 1642 | } 1643 | 1644 | .idd_popup { 1645 | border: 1px solid #484B4E; 1646 | box-shadow: 0px 1px 3px rgba(0, 0, 0, .6); 1647 | } 1648 | 1649 | .idd_popup .idd_header_wrap { 1650 | background-color: #282B2F; 1651 | } 1652 | 1653 | .idd_popup .idd_header { 1654 | color: #C4D1DE; 1655 | } 1656 | 1657 | .idd_popup .idd_items_content { 1658 | background-color: #373B3E; 1659 | } 1660 | 1661 | .idd_popup .idd_item { 1662 | color: #fff; 1663 | } 1664 | 1665 | .idd_popup .idd_item:active { 1666 | background-color: #81888E !important; 1667 | } 1668 | 1669 | .idd_popup .idd_item.idd_hover, .idd_popup .idd_item.idd_hover_sublist_parent { 1670 | background-color: #494D50; 1671 | } 1672 | 1673 | .box_controls .flat_button.secondary, .flat_button.secondary.button_light { 1674 | color: #D2D2D2; 1675 | } 1676 | 1677 | .mv_actions_panel { 1678 | border-bottom-color: #484B4E; 1679 | } 1680 | 1681 | .mv_wide_column { 1682 | border-right-color: #484B4E; 1683 | } 1684 | 1685 | .mv_narrow_column { 1686 | border-left-color: #484B4E; 1687 | } 1688 | 1689 | #mv_pl_tt .mv_tt_add_playlist { 1690 | background-color: #373B3E; 1691 | border-top-color: #484B4E; 1692 | } 1693 | 1694 | #mv_pl_tt .mv_tt_add_playlist:hover { 1695 | background-color: #494D50; 1696 | } 1697 | 1698 | #mv_pl_tt .mv_tt_playlist { 1699 | color: #FFF; 1700 | } 1701 | 1702 | .privacy_dropdown { 1703 | border-color: #484B4E; 1704 | box-shadow: 0 1px 3px rgba(0, 0, 0, .6); 1705 | } 1706 | 1707 | .privacy_dropdown .header { 1708 | border-color: #484B4E; 1709 | color: #DCE1E6; 1710 | background-color: #282B2F; 1711 | } 1712 | 1713 | .privacy_dropdown .body { 1714 | background: #373B3E; 1715 | } 1716 | 1717 | .privacy_dropdown .item, .privacy_dropdown .item_sel, .privacy_dropdown .item_sel_plus { 1718 | color: #FFF; 1719 | } 1720 | 1721 | .privacy_dropdown .item_sel, .privacy_dropdown .item_sel_plus { 1722 | background-color: #494D50; 1723 | } 1724 | 1725 | .privacy_dropdown .l_header .l_header_label { 1726 | background-color: #282B2F; 1727 | color: #CECECE; 1728 | } 1729 | 1730 | .privacy_dropdown .l_header { 1731 | background-color: #282B2F; 1732 | } 1733 | 1734 | .privacy_dropdown .l_item, .privacy_dropdown .l_item_sel { 1735 | background: #373B3E; 1736 | color: #FFF; 1737 | } 1738 | 1739 | .flist_sel { 1740 | background-color: #373B3E; 1741 | border-bottom-color: #484B4E; 1742 | } 1743 | 1744 | .flist_summary { 1745 | color: #bbb; 1746 | } 1747 | 1748 | .flist_item_wrap { 1749 | border-bottom-color: #484B4E; 1750 | } 1751 | 1752 | .flist_item_wrap:hover { 1753 | border-top-color: #484B4E; 1754 | background-color: #494D50; 1755 | } 1756 | 1757 | .flist_item_name { 1758 | color: #FFF; 1759 | } 1760 | 1761 | .flist_item_action { 1762 | background: url(https://habrastorage.org/web/96b/5cd/b38/96b5cdb382764f17b7671ea230825248.png) no-repeat 0 -26px; 1763 | } 1764 | 1765 | em.highlight { 1766 | background-color: rgba(126, 187, 255, 0.2); 1767 | } 1768 | 1769 | .mv_recom_block .mv_recom_block_title { 1770 | color: #FFF; 1771 | } 1772 | 1773 | #mv_comments_header { 1774 | background: #494D50; 1775 | color: #FFF; 1776 | } 1777 | 1778 | .mv_more, .mv_more.idd_wrap { 1779 | color: #C4D1DE; 1780 | } 1781 | 1782 | .mv_comments_summary { 1783 | border-bottom-color: #484B4E; 1784 | color: #C4D1DE; 1785 | } 1786 | 1787 | .idd_popup .idd_item.idd_hl { 1788 | background-color: #74797D; 1789 | } 1790 | 1791 | a:hover .left_count_wrap { 1792 | background: #F05C44; 1793 | } 1794 | 1795 | .video_choosebox_bottom { 1796 | background-color: #373B3E; 1797 | border-top-color: #484B4E; 1798 | } 1799 | 1800 | .video_item_title em { 1801 | background-color: rgba(98, 135, 174, 0.5); 1802 | } 1803 | 1804 | .search_focused .highlight { 1805 | background-color: #494D50; 1806 | } 1807 | 1808 | .mv_comments_restricted_msg { 1809 | border-top-color: #484B4E; 1810 | } 1811 | 1812 | .mv_subscribe_block .mv_subscribe_btn_count { 1813 | background-color: #494d50; 1814 | color: #fff; 1815 | } 1816 | 1817 | .mv_subscribe_block .mv_subscribe_btn_count:after { 1818 | border-left-color: #494d50; 1819 | } 1820 | 1821 | .mv_is_in_progress { 1822 | color: #fff; 1823 | background-color: #484b4e; 1824 | } 1825 | 1826 | .mv_desc .can_edit:hover { 1827 | background-color: #484b4e; 1828 | } 1829 | 1830 | #mv_warning { 1831 | background-color: #373b3e; 1832 | } 1833 | 1834 | .page_media_poll_wrap { 1835 | border: 1px solid rgba(255, 255, 255, .12); 1836 | background-color: #494D50; 1837 | } 1838 | 1839 | .page_media_poll_title { 1840 | color: #FFF; 1841 | } 1842 | 1843 | .page_media_poll .page_poll_percent { 1844 | background: #9BB3CC; 1845 | } 1846 | 1847 | .page_media_poll .page_poll_row_percent { 1848 | color: #FFF; 1849 | } 1850 | 1851 | .wall_module .reply ~ .reply .dld, .wall_module .reply ~ .reply .reply_wrap { 1852 | border-top-color: #484B4E; 1853 | } 1854 | 1855 | .stl_active.over_fast #stl_bg { 1856 | background-color: #373B3E; 1857 | } 1858 | 1859 | #stl_text { 1860 | color: #FFF; 1861 | background: url(https://habrastorage.org/web/9b5/1bb/1c4/9b51bb1c48824d918691e7bf6b4e04f8.png) no-repeat; 1862 | } 1863 | 1864 | #wk_box { 1865 | background: #373B3E; 1866 | box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8); 1867 | } 1868 | 1869 | .page_media_link_desc_td { 1870 | border-color: rgba(255, 255, 255, 0.12); 1871 | } 1872 | 1873 | .wk_extpage_footer_wrap { 1874 | background: #373B3E; 1875 | color: #C1C1C1; 1876 | border-top-color: #484B4E; 1877 | } 1878 | 1879 | .wk_text blockquote { 1880 | background-color: #494D50; 1881 | } 1882 | 1883 | .wl_replies_header { 1884 | background: #373B3E; 1885 | color: #E4E6E9; 1886 | border-color: #484B4E; 1887 | } 1888 | 1889 | .wall_module .wl_reply_form_fixed .reply_box, .wall_module .wl_reply_form_fixed .reply_fakebox_wrap { 1890 | border-top-color: #484B4E; 1891 | } 1892 | 1893 | .wk_external_content .wk_header, .wk_external_content .wk_sub_header, .wk_external_content .wk_sub_sub_header { 1894 | color: #93ADC8; 1895 | } 1896 | 1897 | .wl_more_action.idd_wrap { 1898 | color: #8D98A9; 1899 | } 1900 | 1901 | .wl_replies_header.wl_replies_header_clickable:hover { 1902 | background-color: #494D50; 1903 | } 1904 | 1905 | .like_share_radio .wdd_text { 1906 | color: #fff !important; 1907 | background-color: #373B3E; 1908 | } 1909 | 1910 | div.wdd { 1911 | background-color: #373B3E; 1912 | border-color: #484B4E; 1913 | } 1914 | 1915 | .wddi_no { 1916 | background-color: #494D50; 1917 | } 1918 | 1919 | .wddi, .wddi_over { 1920 | background-color: #373B3E; 1921 | border-top-color: #484B4E; 1922 | } 1923 | 1924 | .wdd_list { 1925 | border-color: #484B4E; 1926 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); 1927 | } 1928 | 1929 | .wddi_text { 1930 | color: #FFF; 1931 | } 1932 | 1933 | .wddi_sub { 1934 | color: #A5A5A5; 1935 | } 1936 | 1937 | #wpost_post { 1938 | border-color: #C4D1DE; 1939 | } 1940 | 1941 | .wpost_owner_head_wrap { 1942 | background-color: #494D50; 1943 | } 1944 | 1945 | a.wpost_owner_head_name { 1946 | color: #FFF; 1947 | } 1948 | 1949 | a.wl_owner_head_date { 1950 | color: #9C9C9C; 1951 | } 1952 | 1953 | a.wl_owner_head_date { 1954 | color: #9C9C9C; 1955 | } 1956 | 1957 | #wpost_post { 1958 | border-color: #C4D1DE; 1959 | background-color: #494D50; 1960 | } 1961 | 1962 | #wpost_post .post_like, #wpost_post .post_share, #wpost_post .post_comments, #wpost_post .wpost_reply_to { 1963 | background: #373B3E; 1964 | } 1965 | 1966 | #wpost_post .post_like:hover, #wpost_post .post_share:hover { 1967 | background: rgba(95, 131, 173, 0.2); 1968 | } 1969 | 1970 | .wdd_add2 { 1971 | background: #6F7477; 1972 | } 1973 | 1974 | .wdd_add3 { 1975 | color: #CACACA; 1976 | } 1977 | 1978 | .wddi_thumb.online.mobile:after { 1979 | background-color: #394046; 1980 | border-color: #394046; 1981 | } 1982 | 1983 | .wddi_thumb.online:after { 1984 | border-color: #394046; 1985 | } 1986 | 1987 | .wddi, .wddi_over { 1988 | background-color: #373B3E; 1989 | border-top-color: rgba(0, 0, 0, 0); 1990 | } 1991 | 1992 | .wddi_over { 1993 | background-color: #494D50; 1994 | } 1995 | 1996 | .wddi_thumb.online:after { 1997 | border-color: #373B3E; 1998 | } 1999 | 2000 | .wddi_over .wddi_thumb.online:after { 2001 | border-color: #494D50; 2002 | } 2003 | 2004 | div.wdd.wdd_focused { 2005 | border-color: #484B4E; 2006 | } 2007 | 2008 | .ms_items_more_wrap.to_down .ms_items_more:before { 2009 | border-bottom-color: #484B4E; 2010 | } 2011 | 2012 | .ms_items_more_wrap.to_down .ms_items_more:after { 2013 | border-bottom-color: #373B3E; 2014 | } 2015 | 2016 | .wddi_over .wddi_thumb.online.mobile:after { 2017 | background-color: #494D50; 2018 | } 2019 | 2020 | .top_result_baloon { 2021 | box-shadow: 0 2px 15px #000; 2022 | } 2023 | 2024 | .page_block_header { 2025 | background: #373B3E; 2026 | border-bottom-color: #484B4E; 2027 | color: #FFF; 2028 | } 2029 | 2030 | .docs_item { 2031 | border-top-color: #484B4E; 2032 | } 2033 | 2034 | a.docs_item_name { 2035 | color: #FFF; 2036 | } 2037 | 2038 | .docs_choose_upload_area { 2039 | background-color: #282B2F; 2040 | color: #FFF; 2041 | } 2042 | 2043 | .docs_choose_upload_area:hover { 2044 | background-color: #494D50; 2045 | } 2046 | 2047 | .docs_choose_rows .docs_item:hover { 2048 | background-color: #494D50; 2049 | } 2050 | 2051 | .docs_choose_rows .docs_item { 2052 | border-bottom-color: #484B4E; 2053 | } 2054 | 2055 | .docs_choose_dropbox_wrap { 2056 | border-color: #fff; 2057 | background-color: #494D50; 2058 | } 2059 | 2060 | .docs_panel { 2061 | background: #373B3E; 2062 | } 2063 | 2064 | a b, b a { 2065 | color: #FFFFFF; 2066 | } 2067 | 2068 | ul.listing li span { 2069 | color: #FFF; 2070 | } 2071 | 2072 | .photos_choose_upload_area { 2073 | background: #282B2F; 2074 | color: #FFF; 2075 | } 2076 | 2077 | .photos_choose_upload_area:hover { 2078 | background: #494D50; 2079 | } 2080 | 2081 | .web_cam_photo { 2082 | background-color: #282B2F; 2083 | color: #FFF; 2084 | } 2085 | 2086 | .photos_container_albums .photos_album_thumb { 2087 | background-color: #494D50; 2088 | } 2089 | 2090 | .web_cam_photo:hover { 2091 | background: #494D50; 2092 | } 2093 | 2094 | .photos_choose_bottom { 2095 | background-color: #373B3E; 2096 | border-top-color: #484B4E; 2097 | } 2098 | 2099 | .choose_search_cont input { 2100 | background: #373B3E url(https://habrastorage.org/web/7a8/deb/787/7a8deb7875e546ada8900f7ddd4bc8f8.png) no-repeat 5px 6px; 2101 | } 2102 | 2103 | .dropbox_over .photos_choose_upload_area_drop, .photos_choose_upload_area_enter .photos_choose_upload_area_drop { 2104 | background-color: #494D50; 2105 | } 2106 | 2107 | .photos_choose_more, .photos_choose_more_albums { 2108 | background: #373B3E; 2109 | color: #FFF; 2110 | } 2111 | 2112 | .owner_photo_additional { 2113 | background: #373B3E; 2114 | color: #FFF; 2115 | border-top-color: #484B4E; 2116 | } 2117 | 2118 | .owner_photo_additional { 2119 | background: #373B3E; 2120 | color: #FFF; 2121 | } 2122 | 2123 | .photos_container_albums .photos_album_no_cover .photos_album_title_wrap { 2124 | color: #FFF; 2125 | } 2126 | 2127 | .graffiti_wrap { 2128 | background-color: #373B3E; 2129 | } 2130 | 2131 | .graffiti_tools { 2132 | background-color: #373B3E; 2133 | } 2134 | 2135 | .graffiti_resize { 2136 | border-bottom-color: #484B4E; 2137 | } 2138 | 2139 | .graffiti_slider_caption { 2140 | color: #FFF; 2141 | } 2142 | 2143 | .docs_tags_desc { 2144 | color: #9CA0A7; 2145 | } 2146 | 2147 | .friends_user_row { 2148 | border-top-color: #484B4E; 2149 | } 2150 | 2151 | .friends_user_row .online.mobile::after { 2152 | background-color: #373B3E; 2153 | } 2154 | 2155 | .friends_user_row .online::after { 2156 | border-color: #373B3E; 2157 | } 2158 | 2159 | .group1 { 2160 | background-color: rgba(196, 209, 222, 0.4); 2161 | color: #C4D1DE; 2162 | } 2163 | 2164 | .group2 { 2165 | background-color: rgba(196, 209, 222, 0.4); 2166 | color: #C4D1DE; 2167 | } 2168 | 2169 | .group3 { 2170 | background-color: rgba(196, 209, 222, 0.4); 2171 | color: #C4D1DE; 2172 | } 2173 | 2174 | .group4 { 2175 | background-color: rgba(196, 209, 222, 0.4); 2176 | color: #C4D1DE; 2177 | } 2178 | 2179 | .group5 { 2180 | background-color: rgba(196, 209, 222, 0.4); 2181 | color: #C4D1DE; 2182 | } 2183 | 2184 | .friends_search_filters, .friends_search_import { 2185 | background-color: rgb(55, 59, 62); 2186 | } 2187 | 2188 | .friends_import_row:hover { 2189 | background-color: #494D50; 2190 | } 2191 | 2192 | .friends_find_user_name { 2193 | color: #fff; 2194 | } 2195 | 2196 | .result_list ul li.active { 2197 | background: #484B4E; 2198 | color: #fff; 2199 | } 2200 | 2201 | .result_list ul { 2202 | background: #373B3E; 2203 | } 2204 | 2205 | .search_query_wrap .result_list { 2206 | border-color: #484B4E; 2207 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); 2208 | } 2209 | 2210 | .result_list ul li { 2211 | color: #BDBDBD; 2212 | } 2213 | 2214 | .search_row { 2215 | border-top-color: #484B4E; 2216 | } 2217 | 2218 | .search_row .online:after { 2219 | border-color: #373B3E; 2220 | } 2221 | 2222 | .search_row .online.mobile:after { 2223 | background-color: #373B3E; 2224 | } 2225 | 2226 | .friends_phonebook .friends_field { 2227 | color: #C4D1DE; 2228 | } 2229 | 2230 | .ui_rmenu_sep { 2231 | border-top-color: #484B4E; 2232 | } 2233 | 2234 | .tt_default.tt_left:before { 2235 | border-right-color: #484B4E; 2236 | } 2237 | 2238 | .tt_default.tt_left:after { 2239 | border-right-color: #373B3E; 2240 | } 2241 | 2242 | .friends_actions_menu .ui_actions_menu:before { 2243 | border-bottom-color: #484B4E; 2244 | } 2245 | 2246 | .friends_actions_menu .ui_actions_menu:after { 2247 | border-bottom-color: #373B3E; 2248 | } 2249 | 2250 | .flist_summary_sep .clear { 2251 | border-bottom-color: #484B4E; 2252 | } 2253 | 2254 | .bd_header_info { 2255 | color: #C4D1DE; 2256 | } 2257 | 2258 | .bd_name a { 2259 | color: #fff; 2260 | } 2261 | 2262 | .bd_row { 2263 | border-bottom-color: #484B4E; 2264 | } 2265 | 2266 | .bd_arrow { 2267 | background-color: #282B2F; 2268 | } 2269 | 2270 | .bd_day_head { 2271 | background-color: #282B2F; 2272 | color: #fff; 2273 | border-bottom-color: #282B2F; 2274 | } 2275 | 2276 | .bd_day_cell { 2277 | background-color: #494D50; 2278 | border-right-color: #282B2F; 2279 | border-bottom-color: #282B2F; 2280 | } 2281 | 2282 | .bd_day_cell.left { 2283 | border-left-color: #282B2F; 2284 | } 2285 | 2286 | .bd_day_num { 2287 | color: #fff; 2288 | } 2289 | 2290 | .bd_day_cell.holiday { 2291 | background-color: #494D50; 2292 | } 2293 | 2294 | .bd_day_cell.holiday.today .bd_day_events, .bd_day_cell.today .bd_day_events { 2295 | border-color: #fff; 2296 | background-color: #81909C; 2297 | } 2298 | 2299 | .mail_box_cont { 2300 | background: #373B3E; 2301 | } 2302 | 2303 | .mail_box_label_peer { 2304 | color: #FFF; 2305 | } 2306 | 2307 | .mbe_rc_emojibtn:hover { 2308 | background: #494D50; 2309 | } 2310 | 2311 | #mail_box_editable { 2312 | background-color: #494D50; 2313 | color: #FFF; 2314 | border-color: #81878C; 2315 | } 2316 | 2317 | .emoji_tt_wrap.emoji_shop_over.tt_down:after { 2318 | border-top-color: #494D50; 2319 | } 2320 | 2321 | .group_list_row { 2322 | border-bottom-color: #484B4E; 2323 | } 2324 | 2325 | .module_header .header_top { 2326 | color: #FFF; 2327 | } 2328 | 2329 | .page_actions_dd_label, .page_actions_header_inner { 2330 | color: #BFBFBF; 2331 | } 2332 | 2333 | .page_actions_header { 2334 | background: #373B3E; 2335 | } 2336 | 2337 | .page_actions_inner { 2338 | border-top-color: #484B4E; 2339 | } 2340 | 2341 | .page_actions_wrap { 2342 | background-color: #373B3E; 2343 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); 2344 | border-color: #282B2F; 2345 | } 2346 | 2347 | .page_actions_item { 2348 | color: #FFF; 2349 | } 2350 | 2351 | .page_actions_item:hover { 2352 | background-color: #494D50; 2353 | } 2354 | 2355 | .page_actions_separator { 2356 | border-top-color: #484B4E; 2357 | } 2358 | 2359 | .group_wiki_hider:hover { 2360 | background: #494D50; 2361 | } 2362 | 2363 | .wide_column .topics_module .topic_title { 2364 | color: #C4D1DE; 2365 | } 2366 | 2367 | .topics_module .topic_inner_link { 2368 | color: #CCC; 2369 | } 2370 | 2371 | .wide_column .topics_module .topic_row { 2372 | border-top-color: #484B4E; 2373 | } 2374 | 2375 | .page_top { 2376 | border-bottom-color: #484B4E; 2377 | } 2378 | 2379 | .module_header .header_top { 2380 | border-color: #484B4E; 2381 | } 2382 | 2383 | .photos_period_delimiter_fixed { 2384 | background-color: #373B3E; 2385 | } 2386 | 2387 | .bp_post { 2388 | border-color: #484B4E; 2389 | } 2390 | 2391 | .ba_post { 2392 | background: #373B3E; 2393 | border-top-color: #484B4E; 2394 | } 2395 | 2396 | .bp_author { 2397 | color: #C4D1DE; 2398 | } 2399 | 2400 | .pg_lnk_sel .pg_in { 2401 | color: #FFF; 2402 | } 2403 | 2404 | .blst_row { 2405 | border-bottom-color: #484B4E; 2406 | } 2407 | 2408 | .blst_title { 2409 | color: #FFF; 2410 | } 2411 | 2412 | .blst_mem { 2413 | color: #C4D1DE; 2414 | } 2415 | 2416 | .blst_last:hover { 2417 | background-color: #494D50; 2418 | } 2419 | 2420 | .bt_header { 2421 | border-bottom-color: #484B4E; 2422 | } 2423 | 2424 | .public_help_steps_module .public_help_steps_link:hover { 2425 | background-color: #494D50; 2426 | } 2427 | 2428 | .my_current_info:hover, .no_current_info:hover { 2429 | background-color: #494D50; 2430 | } 2431 | 2432 | .module.empty .module_body { 2433 | border-top-color: #484B4E; 2434 | } 2435 | 2436 | .group_box_row { 2437 | border-bottom-color: #484B4E; 2438 | } 2439 | 2440 | .group_box_row:last-child { 2441 | border-bottom-color: #484B4E; 2442 | } 2443 | 2444 | .box_botsh .box_controls { 2445 | border-top-color: #484B4E; 2446 | box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .6); 2447 | } 2448 | 2449 | .video_sort_dd_wrap .video_sort_dd { 2450 | color: #949494; 2451 | } 2452 | 2453 | h2 { 2454 | color: #fff; 2455 | } 2456 | 2457 | .im-mess.im-mess_gift { 2458 | background-color: rgba(114, 147, 182, 0.1) !important; 2459 | } 2460 | 2461 | .im-mess.im-mess_gift.im-mess_selected, .im-mess.im-mess_gift.im-mess_selected:hover { 2462 | background: #3D434A !important; 2463 | } 2464 | 2465 | .group_box_name { 2466 | color: #C4D1DE; 2467 | } 2468 | 2469 | .medadd_c_pollh, .medadd_h { 2470 | color: #FFF; 2471 | } 2472 | 2473 | .medadd_c_linkcon { 2474 | background: #373B3E; 2475 | border-color: #494D50; 2476 | } 2477 | 2478 | h4 { 2479 | color: #FFF; 2480 | } 2481 | 2482 | .group_box_name .group_link, .group_box_name .mem_link { 2483 | color: #C4D1DE; 2484 | } 2485 | 2486 | #stats_cont h4, .stats_head { 2487 | color: #c4d1de; 2488 | border-top-color: #484B4E; 2489 | } 2490 | 2491 | .piechart_col_header th { 2492 | background-color: #484B4E; 2493 | } 2494 | 2495 | .graph_menu_item:hover { 2496 | color: #FFF; 2497 | background: #484B4E; 2498 | } 2499 | 2500 | .piechart_table tr td { 2501 | border-bottom-color: #484B4E; 2502 | } 2503 | 2504 | .stats_time_info { 2505 | border-top-color: #484B4E; 2506 | } 2507 | 2508 | #stats_export_box .label { 2509 | color: #FFF; 2510 | } 2511 | 2512 | #visitors_graph > div > div > div > div { 2513 | background-color: #282B2F !important; 2514 | } 2515 | 2516 | #sex_age_graph > div > div > div > div { 2517 | background-color: #282B2F !important; 2518 | } 2519 | 2520 | #sex_graph > div > div > div > div { 2521 | background-color: #282B2F !important; 2522 | } 2523 | 2524 | a.groups_messages_block { 2525 | color: #FFF; 2526 | } 2527 | 2528 | .im-page.im-page_group .im-page--dcontent { 2529 | background-color: #373B3E; 2530 | box-shadow: 0 1px 0 0 #484B4E, 0 0 0 1px #484B4E; 2531 | } 2532 | 2533 | .im-page.im-page_group .im-page--header { 2534 | border-color: #484B4E; 2535 | } 2536 | 2537 | .im-page.im-page_group .im-page--dialogs-search { 2538 | box-shadow: 0 1px 0 0 #484B4E, 0 0 0 1px #484B4E; 2539 | } 2540 | 2541 | .im-page.im-page_group .im-page--chat-body-wrap-inner { 2542 | background-color: #373B3E; 2543 | } 2544 | 2545 | .im-chat-input.im-chat-input_group { 2546 | box-shadow: 0 1px 0 0 #484B4E, 0 0 0 1px #484B4E; 2547 | } 2548 | 2549 | .im-page.im-page_group .im-page--chat-input { 2550 | border-color: #484B4E; 2551 | background-color: #373B3E; 2552 | } 2553 | 2554 | .im-page.im-page_group .im-page--header-inner { 2555 | background-color: #373B3E; 2556 | box-shadow: 0 1px 0 0 #484B4E, 0 0 0 1px #484B4E; 2557 | } 2558 | 2559 | .im-page.im-page_group .im-page--chat-body-abs { 2560 | box-shadow: 0 1px 0 0 #484B4E, 0 0 0 1px #484B4E; 2561 | } 2562 | 2563 | .im-page.im-page_group .im-page--header-chat { 2564 | border-color: #484B4E; 2565 | } 2566 | 2567 | .im-page a.im-page--back-button:hover { 2568 | background-color: #494D50; 2569 | } 2570 | 2571 | a.groups_messages_block:hover { 2572 | color: #C4D1DE; 2573 | } 2574 | 2575 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic, .nim-dialog:not(.nim-dialog_deleted):hover { 2576 | background-color: #494d50; 2577 | } 2578 | 2579 | .pv_cont .narrow_column { 2580 | background-color: #373B3E; 2581 | } 2582 | 2583 | #pv_author_block { 2584 | background-color: #282B2F; 2585 | border-bottom-color: #484B4E; 2586 | } 2587 | 2588 | .pv_comments { 2589 | border-top-color: #484B4E; 2590 | } 2591 | 2592 | .pv_closed_commments_placeholder, .pv_no_commments_placeholder { 2593 | background-image: url("https://habrastorage.org/web/6f4/51e/a60/6f451ea606d24b528336b89ec8aa2b98.png"); 2594 | } 2595 | 2596 | .wall_module .reply_box, .wall_module .reply_fakebox_wrap { 2597 | border-top-color: #484B4E; 2598 | } 2599 | 2600 | .pv_narrow_column_wrap { 2601 | background-color: #373B3E; 2602 | } 2603 | 2604 | .pv_like { 2605 | color: #C4D1DE; 2606 | } 2607 | 2608 | .pv_like:hover { 2609 | background-color: #494D50; 2610 | } 2611 | 2612 | .pv_can_edit:hover { 2613 | background-color: #494D50; 2614 | } 2615 | 2616 | .pv_reply_form_wrap, .pv_reply_form_wrap .reply_field { 2617 | background-color: #373B3E; 2618 | } 2619 | 2620 | .photos_container .photos_row { 2621 | background-color: #494D50; 2622 | } 2623 | 2624 | .page_group_name { 2625 | color: #FFF; 2626 | } 2627 | 2628 | .pe_tabs_panel { 2629 | background-color: #282B2F; 2630 | } 2631 | 2632 | .pe_actions { 2633 | background-color: #494D50; 2634 | } 2635 | 2636 | .pe_actions .pe_action > div { 2637 | -webkit-filter: brightness(1.5) grayscale(0.2); 2638 | filter: brightness(1.5) grayscale(0.2); 2639 | } 2640 | 2641 | .pe_blur_input, .pe_text_input { 2642 | background-color: #494D50; 2643 | } 2644 | 2645 | .pe_text_input .pe_text_font_changer { 2646 | -webkit-filter: brightness(1.5) grayscale(0.2); 2647 | filter: brightness(1.5) grayscale(0.2); 2648 | } 2649 | 2650 | .pe_type_chooser_item { 2651 | color: #FFF; 2652 | } 2653 | 2654 | .pe_type_chooser_item:hover { 2655 | background-color: #494D50; 2656 | } 2657 | 2658 | .pe_params_slider_label { 2659 | color: #FFF; 2660 | } 2661 | 2662 | .pe_undo_wrap #pe_undo { 2663 | color: #FFF; 2664 | } 2665 | 2666 | .pe_undo_wrap #pe_undo { 2667 | color: #FFF; 2668 | } 2669 | 2670 | .pe_text_input textarea { 2671 | color: #FFF; 2672 | } 2673 | 2674 | .ui_ownblock:hover { 2675 | background-color: #494D50; 2676 | } 2677 | 2678 | .group_voting_title { 2679 | color: #c1cddb; 2680 | } 2681 | 2682 | .bv_title { 2683 | color: #c4d1de; 2684 | } 2685 | 2686 | .bv_wrap .bt_pages_wrap { 2687 | border-bottom-color: #484b4e; 2688 | } 2689 | 2690 | .pv_white_bg { 2691 | background: #373B3E; 2692 | } 2693 | 2694 | .counts_module { 2695 | border-top-color: #484B4E; 2696 | } 2697 | 2698 | .page_counter .count { 2699 | color: #C4D1DE; 2700 | } 2701 | 2702 | .page_counter:hover .label { 2703 | color: #C4D1DE; 2704 | } 2705 | 2706 | .profile_more_info_link:hover { 2707 | background-color: #494D50; 2708 | } 2709 | 2710 | .profile_info_header { 2711 | background-color: #373B3E; 2712 | } 2713 | 2714 | .profile_info_edit { 2715 | background-color: #373B3E; 2716 | } 2717 | 2718 | .profile_info_header_wrap a { 2719 | color: #C4D1DE; 2720 | } 2721 | 2722 | .profile_info_block { 2723 | border-top-color: #484B4E; 2724 | } 2725 | 2726 | .page_status_f .editor { 2727 | border-color: #484B4E; 2728 | background-color: #373B3E; 2729 | } 2730 | 2731 | .lang_box_row:hover { 2732 | background-color: #494D50; 2733 | } 2734 | 2735 | .lang_selected .lang_box_row_label { 2736 | color: #FFF; 2737 | } 2738 | 2739 | .lang_box_row_label { 2740 | color: #969696; 2741 | } 2742 | 2743 | .mention_tt.tt_up:after { 2744 | border-bottom-color: #373B3E; 2745 | } 2746 | 2747 | .mention_tt.tt_up:before { 2748 | border-bottom-color: #484B4E; 2749 | } 2750 | 2751 | .fans_idol_lnk { 2752 | color: #C4D1DE; 2753 | } 2754 | 2755 | .gifts_box_rows .post { 2756 | border-bottom-color: #484B4E; 2757 | } 2758 | 2759 | .ui_crumb_count { 2760 | color: #C3C3C3; 2761 | } 2762 | 2763 | .box_grey .box_title .divider:before, .box_grey .box_title .tab_link, .box_grey .box_title .toggle, .box_grey .box_title .toggle a { 2764 | color: #FFF; 2765 | } 2766 | 2767 | .gifts_promo_descr { 2768 | background-color: #373B3E; 2769 | } 2770 | 2771 | .box_error, .box_msg, .error, .info_msg, .msg, .ok_msg { 2772 | border-color: #494D50; 2773 | } 2774 | 2775 | .gifts_section_header { 2776 | color: #FFF; 2777 | } 2778 | 2779 | .gifts_section_row { 2780 | border-bottom-color: #484B4E; 2781 | } 2782 | 2783 | .feed_updates .wall_module .feed_row .post { 2784 | border-top-color: #484B4E; 2785 | } 2786 | 2787 | .page_album_nocover .page_album_title { 2788 | color: #B1BFCC; 2789 | } 2790 | 2791 | .page_album_nocover { 2792 | background-color: #484B4E; 2793 | } 2794 | 2795 | .profile_online { 2796 | color: #BBE6AC; 2797 | } 2798 | 2799 | .blocked_image { 2800 | border-radius: 3px; 2801 | -webkit-filter: grayscale(1) opacity(0.7); 2802 | filter: grayscale(1) opacity(0.7); 2803 | } 2804 | 2805 | .wl_post_reply_form_forbidden { 2806 | background-color: #373B3E; 2807 | border-top-color: #484B4E; 2808 | } 2809 | 2810 | .reply_submit_hint_title { 2811 | color: #C4D1DE; 2812 | } 2813 | 2814 | .reply_submit_hint_opts .radiobtn { 2815 | color: #FFF; 2816 | } 2817 | 2818 | .tt_default_right.tt_down:before { 2819 | border-top-color: #484B4E; 2820 | } 2821 | 2822 | .tt_default_right.tt_down:after { 2823 | border-top-color: #373B3E; 2824 | } 2825 | 2826 | .eltt.eltt_top:before { 2827 | border-top-color: #484B4E; 2828 | margin-left: -6px; 2829 | } 2830 | 2831 | .eltt.eltt_top:after { 2832 | border-top-color: #373B3E; 2833 | margin-left: -6px; 2834 | } 2835 | 2836 | .gift_tt_header { 2837 | color: #fff; 2838 | } 2839 | 2840 | .gift_tt_show_all { 2841 | background-color: #373b3e; 2842 | border-top-color: #484b4e; 2843 | } 2844 | 2845 | .gift_tt_show_all:hover { 2846 | background-color: #494d50; 2847 | } 2848 | 2849 | .page_album_thumb_wrap { 2850 | background-color: #484b4e; 2851 | } 2852 | 2853 | .profile_warning_row { 2854 | color: #fff; 2855 | } 2856 | 2857 | .page_block_sub_header { 2858 | color: #FFF; 2859 | } 2860 | 2861 | .header_side_link, .header_side_link a { 2862 | color: #C5C5C5; 2863 | } 2864 | 2865 | .app_link { 2866 | color: #FFF; 2867 | } 2868 | 2869 | .apps_i_wrap { 2870 | background-color: #373B3E; 2871 | } 2872 | 2873 | .apps_i_panel { 2874 | background-color: #373B3E; 2875 | border-bottom-color: #484B4E; 2876 | } 2877 | 2878 | .apps_i_policy { 2879 | background-color: #373B3E; 2880 | border-color: #484B4E; 2881 | } 2882 | 2883 | div#wk_content { 2884 | background-color: #373B3E; 2885 | } 2886 | 2887 | h1 { 2888 | color: #FFF; 2889 | } 2890 | 2891 | .apps_i_users, .apps_ss_playing { 2892 | color: #A1AAB1; 2893 | } 2894 | 2895 | .apps_access_item_info b { 2896 | color: #fff; 2897 | } 2898 | 2899 | .apps_access_item { 2900 | color: #A1AAB1; 2901 | } 2902 | 2903 | .apps_i_group .apps_i_group_name { 2904 | color: #fff; 2905 | } 2906 | 2907 | .page_actions_cont.narrow .page_actions_header_inner { 2908 | color: #FFF; 2909 | } 2910 | 2911 | .groups_actions_menu .ui_actions_menu:before { 2912 | border-bottom-color: #484B4E; 2913 | } 2914 | 2915 | .groups_actions_menu .ui_actions_menu:after { 2916 | border-bottom-color: #373B3E; 2917 | } 2918 | 2919 | .settings_line { 2920 | border-bottom-color: #484B4E; 2921 | } 2922 | 2923 | .settings_block_footer { 2924 | border-top-color: #484B4E; 2925 | background: #373B3E; 2926 | } 2927 | 2928 | .box_msg, .msg { 2929 | background-color: #494D50; 2930 | } 2931 | 2932 | .settings_label { 2933 | color: #FFF; 2934 | } 2935 | 2936 | .settings_block_msg { 2937 | border-bottom-color: #484B4E; 2938 | } 2939 | 2940 | .settings_bl_row { 2941 | border-bottom-color: #484B4E; 2942 | } 2943 | 2944 | .settings_blb_row { 2945 | border-bottom-color: #484B4E; 2946 | background-color: #373B3E; 2947 | } 2948 | 2949 | a.settings_blb_title { 2950 | color: #FFF; 2951 | } 2952 | 2953 | .settings_blb_row:last-child { 2954 | border-bottom-color: #484B4E; 2955 | } 2956 | 2957 | .settings_blb_row:last-child { 2958 | border-bottom-color: #484B4E; 2959 | } 2960 | 2961 | .settings_apps .app_settings_name, .settings_apps .app_settings_name a { 2962 | color: #FFF; 2963 | } 2964 | 2965 | .subheader { 2966 | color: #FFF; 2967 | } 2968 | 2969 | .apps_access_item_info b { 2970 | display: block; 2971 | } 2972 | 2973 | .settings_table_row { 2974 | border-bottom-color: #484B4E; 2975 | } 2976 | 2977 | .settings_line.unfolded { 2978 | background-color: #373B3E; 2979 | border-top-color: #484B4E; 2980 | } 2981 | 2982 | .fakeinput, div[contenteditable=true], input.big_text, input.dark, input.search, input.text, textarea { 2983 | border-color: #484B4E; 2984 | } 2985 | 2986 | #payments_box .payments_about_votes, .payments_about_votes { 2987 | border-top-color: #484B4E; 2988 | background-color: #373B3E; 2989 | } 2990 | 2991 | #payments_box { 2992 | color: #FFF; 2993 | } 2994 | 2995 | .payments_getvotes_method_opt.payments_getvotes_active_row, .payments_getvotes_method_opt:hover { 2996 | background-color: #494D50; 2997 | } 2998 | 2999 | .payments_getvotes_method_opt { 3000 | color: #8C8C8C; 3001 | } 3002 | 3003 | .payments_getvotes_method_title { 3004 | color: #FFF; 3005 | } 3006 | 3007 | h2.payments_getvotes_title { 3008 | color: #FFF; 3009 | border-bottom-color: #484B4E; 3010 | } 3011 | 3012 | .payments_getvotes_amounts .radiobtn b { 3013 | color: #FFF; 3014 | } 3015 | 3016 | .payments_getvotes_amounts .radiobtn .payments_opt_amount { 3017 | color: #9E9E9E; 3018 | } 3019 | 3020 | td.selector input.selector_input.selected { 3021 | color: #fff !important; 3022 | } 3023 | 3024 | .prefix_input_wrap { 3025 | background-color: #373B3E; 3026 | } 3027 | 3028 | .prefix_input_border { 3029 | border-color: #484B4E; 3030 | } 3031 | 3032 | .payments_getvotes_phone .payments_form_row, .payments_getvotes_phone .payments_form_row input { 3033 | color: #fff; 3034 | } 3035 | 3036 | .prefix_input_prefix { 3037 | color: #CCC; 3038 | } 3039 | 3040 | .payments_getvotes_ps_row.payments_getvotes_active_row, .payments_getvotes_ps_row:hover { 3041 | background-color: #494D50; 3042 | } 3043 | 3044 | .payments_getvotes_ps_title { 3045 | color: #FFF; 3046 | } 3047 | 3048 | .payments_getvotes_ps_title { 3049 | color: #FFF; 3050 | } 3051 | 3052 | .payments_offer_row { 3053 | border-top-color: #484B4E; 3054 | } 3055 | 3056 | .payments_offer_row .payments_offer_hover, .payments_offer_row:hover { 3057 | background-color: #494D50; 3058 | border-bottom-color: #494D50; 3059 | } 3060 | 3061 | .payments_offer_row_title { 3062 | color: #FFF; 3063 | } 3064 | 3065 | .payments_offer_row_desc { 3066 | color: #A9A9A9; 3067 | } 3068 | 3069 | .settings_apps .apps_settings_row_wrap { 3070 | border-top: none; 3071 | border-bottom-color: #484B4E; 3072 | } 3073 | 3074 | .settings_deact_header { 3075 | color: #C4D1DE; 3076 | } 3077 | 3078 | .pedit_separator { 3079 | border-top-color: #484B4E; 3080 | } 3081 | 3082 | .pedit_label, .pedit_label_box { 3083 | color: #FFF; 3084 | } 3085 | 3086 | .result_list { 3087 | border-color: #484B4E; 3088 | } 3089 | 3090 | .selector_container td.selector input.focused, .selector_container td.selector input.selected { 3091 | color: #fff !important; 3092 | } 3093 | 3094 | .dividing_line ul li { 3095 | border-bottom-color: #484B4E; 3096 | } 3097 | 3098 | .result_list li.disabled { 3099 | background: #373B3E; 3100 | } 3101 | 3102 | .result_list ul li em { 3103 | background-color: #484B4E; 3104 | } 3105 | 3106 | .selector_container td.selector .token { 3107 | color: #C4D1DE; 3108 | } 3109 | 3110 | .disabled.selector_container table.selector_table { 3111 | border-color: #484B4E; 3112 | } 3113 | 3114 | .disabled.selector_container { 3115 | background-color: #373B3E; 3116 | } 3117 | 3118 | .faq_tabs.ui_tabs { 3119 | background-color: #373B3E; 3120 | } 3121 | 3122 | .help_tile__title_a { 3123 | color: #C4D1DE; 3124 | } 3125 | 3126 | .help_tile_faqs__row_a { 3127 | color: #FFF; 3128 | } 3129 | 3130 | .help_tile__all { 3131 | color: #BFBFBF; 3132 | } 3133 | 3134 | .help_table_questions__title { 3135 | color: #FFF; 3136 | } 3137 | 3138 | .help_table_questions { 3139 | border-right-color: #484B4E; 3140 | } 3141 | 3142 | .help_table_question { 3143 | border-bottom-color: #484B4E; 3144 | } 3145 | 3146 | .help_table_question_visible { 3147 | background-color: #494D50; 3148 | } 3149 | 3150 | .help_table_question_visible .help_table_question__q { 3151 | color: #C4D1DE; 3152 | } 3153 | 3154 | .help_table_question_act { 3155 | background-color: #646A6F; 3156 | color: #BBC8D2; 3157 | } 3158 | 3159 | .help_table_question_act:hover { 3160 | background-color: #899198; 3161 | } 3162 | 3163 | .tu_row { 3164 | border-bottom-color: #484B4E; 3165 | } 3166 | 3167 | .tu_row_title__a { 3168 | color: #FFF; 3169 | } 3170 | 3171 | .tu_row_comment { 3172 | color: #C4D1DE; 3173 | } 3174 | 3175 | .tu_mem { 3176 | color: #FFF; 3177 | } 3178 | 3179 | .tu_last:hover { 3180 | background: #494D50; 3181 | border-radius: 2px; 3182 | } 3183 | 3184 | .tickets_header { 3185 | color: #FFF; 3186 | border-bottom-color: #484B4E; 3187 | } 3188 | 3189 | .tickets_author .mem_link { 3190 | color: #C4D1DE; 3191 | } 3192 | 3193 | .tickets_author { 3194 | color: #C4D1DE; 3195 | } 3196 | 3197 | .tickets_reply_text { 3198 | color: #FFF; 3199 | } 3200 | 3201 | .tickets_reply_row { 3202 | border-top-color: #484B4E; 3203 | } 3204 | 3205 | .tickets_thank_you_form { 3206 | background: #373B3E; 3207 | border-top-color: #484B4E; 3208 | } 3209 | 3210 | .tickets_suggests_wrap { 3211 | background-color: #373B3E; 3212 | border-color: #484B4E; 3213 | } 3214 | 3215 | .tickets_suggest { 3216 | border-bottom-color: #484B4E; 3217 | } 3218 | 3219 | .tickets_suggest:hover { 3220 | background-color: #494D50; 3221 | } 3222 | 3223 | .faq_search_form { 3224 | box-shadow: 0 0 0 1px rgb(72, 75, 78); 3225 | } 3226 | 3227 | .tickets_suggests_all_results { 3228 | color: #FFF; 3229 | } 3230 | 3231 | .tickets_suggests_all_results:hover { 3232 | background-color: #494D50; 3233 | } 3234 | 3235 | .help_tile_alert_urgent .help_tile_alert__title { 3236 | color: #fff; 3237 | } 3238 | 3239 | .help_tile_alert { 3240 | border-bottom-color: #484b4e; 3241 | } 3242 | 3243 | .help_table_question_btn { 3244 | color: #fff; 3245 | } 3246 | 3247 | .group_edit_label { 3248 | color: #FFF; 3249 | } 3250 | 3251 | .fakeinput, input.big_text, input.file, input.search, input.text, input[type=button], input[type=password], input[type=search], input[type=submit], input[type=text], input[type~=email], input[type~=password], input[type~=search], input[type~=text], textarea { 3252 | color: #fff; 3253 | background: #373b3e; 3254 | } 3255 | 3256 | .group_edit_row_sep { 3257 | border-bottom-color: #484B4E; 3258 | } 3259 | 3260 | .group_edit_labeled .idd_wrap .idd_selected_value { 3261 | color: #C4D1DE; 3262 | } 3263 | 3264 | .tt_w.group_edit_obscene_words_hint .tt_text { 3265 | color: #C5C5C5; 3266 | } 3267 | 3268 | .wk_print_view#wk_box { 3269 | background-color: #373B3E; 3270 | } 3271 | 3272 | .wk_print_view .print_content { 3273 | background-color: #373B3E; 3274 | } 3275 | 3276 | .print_header { 3277 | background-color: #373B3E; 3278 | } 3279 | 3280 | .wk_print_view #wk_summary .summary { 3281 | color: #FFF; 3282 | } 3283 | 3284 | .print_search_header { 3285 | color: #FFF; 3286 | } 3287 | 3288 | .group_l_row { 3289 | border-bottom-color: #484B4E; 3290 | background-color: #373B3E; 3291 | } 3292 | 3293 | a.group_l_title, a.group_u_title { 3294 | color: #FFF; 3295 | } 3296 | 3297 | .group_u_photo.online:after { 3298 | border-color: #373B3E; 3299 | } 3300 | 3301 | .group_l_row:last-child { 3302 | border-bottom-color: #484B4E; 3303 | } 3304 | 3305 | .blog_entry_title, .blog_entry_text { 3306 | color: #FFF; 3307 | } 3308 | 3309 | .blog_right_list_title { 3310 | color: #FFF !important; 3311 | } 3312 | 3313 | .blog_redesign_title { 3314 | color: #C4D1DE; 3315 | } 3316 | 3317 | .blog_redesign_descr { 3318 | color: #959AA0; 3319 | } 3320 | 3321 | .blog_entry_like_widget { 3322 | border-top-color: #484B4E; 3323 | } 3324 | 3325 | .blog_arhive_title a { 3326 | color: #FFF; 3327 | } 3328 | 3329 | .blog_arhive_item { 3330 | border-bottom-color: #484B4E; 3331 | } 3332 | 3333 | .blog_entry_text b { 3334 | color: #C4D1DE; 3335 | } 3336 | 3337 | .blog_about_tabs_line, .blog_about_tabs_line2 { 3338 | background: -o-linear-gradient(right, #484B4E, rgba(238, 240, 243, 0)); 3339 | background: linear-gradient(270deg, #484B4E, rgba(238, 240, 243, 0)); 3340 | } 3341 | 3342 | .blog_about_tabs_line2 { 3343 | background: -o-linear-gradient(left, #484B4E, rgba(238, 240, 243, 0)); 3344 | background: linear-gradient(90deg, #484B4E, rgba(238, 240, 243, 0)); 3345 | } 3346 | 3347 | .blog_about_company_descr { 3348 | color: #FFF; 3349 | } 3350 | 3351 | .blog_about_company_stats, .blog_about_press { 3352 | background-color: #282B2F; 3353 | } 3354 | 3355 | .blog_about_company_stat_number { 3356 | color: #C4D1DE; 3357 | } 3358 | 3359 | .blog_about_company_stat_descr { 3360 | color: #FFF; 3361 | } 3362 | 3363 | .blog_about_big_title { 3364 | color: #C4D1DE; 3365 | } 3366 | 3367 | .blog_about_company_office_city { 3368 | color: #C4D1DE; 3369 | } 3370 | 3371 | .blog_about_link_title { 3372 | color: #FFF; 3373 | } 3374 | 3375 | .blog_about_page .footer_wrap { 3376 | background-color: #282B2F; 3377 | border-top-color: #484B4E; 3378 | } 3379 | 3380 | #page_layout { 3381 | background-color: #282B2F; 3382 | } 3383 | 3384 | .blog_products_page .blog_about_company_stats, .blog_products_page .blog_about_press { 3385 | background-color: #373B3E; 3386 | } 3387 | 3388 | .blog_product, .blog_snapster { 3389 | box-shadow: 0px 1px 0px 0px #595D61, 0px 0px 0px 1px #595D61; 3390 | background-color: #3F4448; 3391 | } 3392 | 3393 | .blog_product_title, .blog_snapster_title { 3394 | color: #C4D1DE; 3395 | } 3396 | 3397 | .blog_snapster_photo { 3398 | background-color: #41464A; 3399 | } 3400 | 3401 | .blog_snapster_descr { 3402 | color: #FFF; 3403 | } 3404 | 3405 | .blog_job:hover { 3406 | background: #494D50; 3407 | border-radius: 3px; 3408 | } 3409 | 3410 | .jobs_form .label { 3411 | color: #FFF; 3412 | } 3413 | 3414 | .jobs_apply_form #jobs_apply_upload_cont .button_blue button { 3415 | background-color: #484B4E; 3416 | color: #FFF; 3417 | } 3418 | 3419 | .jobs_form hr { 3420 | border-bottom-color: #484B4E; 3421 | } 3422 | 3423 | body.dev { 3424 | background: #282B2F; 3425 | } 3426 | 3427 | #dev_page_wrap1, .dev_page_block { 3428 | background-color: #373B3E; 3429 | box-shadow: 0 1px 0 0 #484B4E, 0 0 0 1px #484B4E; 3430 | color: #FFF; 3431 | } 3432 | 3433 | .dev_page_cont .wk_header, .dev_page_cont .wk_sub_header, .dev_page_cont .wk_sub_sub_header { 3434 | color: #C4D1DE; 3435 | } 3436 | 3437 | #dev_left_nav { 3438 | background-color: #373B3E; 3439 | box-shadow: 0 1px 0 0 #484B4E, 0 0 0 1px #484B4E; 3440 | } 3441 | 3442 | .dev_nav a.nav.nav_selected, .dev_nav a.nav.nav_selected:hover { 3443 | background-color: #494D50; 3444 | } 3445 | 3446 | .dev_nav .nav:hover { 3447 | background-color: #494D50; 3448 | } 3449 | 3450 | .dev_nav a.nav.submenu.nav_selected, .dev_nav a.nav.submenu.nav_selected:hover { 3451 | color: #FFF; 3452 | } 3453 | 3454 | body.dev .wk_text blockquote { 3455 | background-color: #494D50; 3456 | } 3457 | 3458 | body.dev #stl_bg #stl_text { 3459 | color: #FFF; 3460 | background: url(https://habrastorage.org/web/9b5/1bb/1c4/9b51bb1c48824d918691e7bf6b4e04f8.png) no-repeat; 3461 | } 3462 | 3463 | body.dev .stl_active.over_fast #stl_bg { 3464 | background-color: #494D50; 3465 | } 3466 | 3467 | .tt .tt_text { 3468 | background-color: #373B3E; 3469 | border-color: #484B4E; 3470 | color: #fff; 3471 | } 3472 | 3473 | .tickets_side_tt.text .hint_wrap { 3474 | color: #FFF; 3475 | } 3476 | 3477 | .tickets_tt_list, .tickets_tt_list_abuse { 3478 | color: #FFF; 3479 | } 3480 | 3481 | .tickets_side_tt.extra_field:before, .tickets_side_tt.text:before, .tickets_side_tt.title:before { 3482 | border-left-color: #484B4E; 3483 | } 3484 | 3485 | .tickets_side_tt.extra_field:after, .tickets_side_tt.text:after, .tickets_side_tt.title:after { 3486 | border-left-color: #373B3E; 3487 | } 3488 | 3489 | .tickets_side_tt.title .hint_wrap { 3490 | color: #FFF; 3491 | } 3492 | 3493 | .dev_sect_widgets { 3494 | border-color: #484B4E; 3495 | } 3496 | 3497 | .dev_info_status_header { 3498 | color: #C4D1DE; 3499 | } 3500 | 3501 | .dev_part_name { 3502 | color: #C4D1DE; 3503 | } 3504 | 3505 | .dev_sect_label { 3506 | color: #C4D1DE; 3507 | } 3508 | 3509 | .dev_info_uptime { 3510 | border-top-color: #484B4E; 3511 | } 3512 | 3513 | .dev_part_desc { 3514 | color: #FFF; 3515 | } 3516 | 3517 | .dev_info_header { 3518 | color: #FFF; 3519 | } 3520 | 3521 | body.dev a.dev_platform_info { 3522 | color: #969696; 3523 | } 3524 | 3525 | .community_wall { 3526 | background: #373B3E; 3527 | } 3528 | 3529 | .color2 { 3530 | color: #C4D1DE; 3531 | } 3532 | 3533 | #community_groups_main .wall_post_text { 3534 | color: #fff; 3535 | } 3536 | 3537 | .dev_part:hover { 3538 | background-color: #494D50; 3539 | border-radius: 2px; 3540 | } 3541 | 3542 | .dev_nav a.nav.nav_selected, .dev_nav a.nav.nav_selected:hover { 3543 | color: #FFF; 3544 | } 3545 | 3546 | .market_item_photo_container { 3547 | background-color: #282B2F; 3548 | } 3549 | 3550 | .market_item_content { 3551 | background-color: #373b3e; 3552 | } 3553 | 3554 | .market_item_owner { 3555 | border-bottom-color: #484b4e; 3556 | } 3557 | 3558 | .market_item_title { 3559 | color: #fff; 3560 | } 3561 | 3562 | .market_item_price { 3563 | color: #ABD99A; 3564 | } 3565 | 3566 | .market_item_footer_wrap { 3567 | border-top-color: #484b4e; 3568 | } 3569 | 3570 | .market_item_thumb_active { 3571 | box-shadow: inset 0 0 0 3px #373b3e; 3572 | } 3573 | 3574 | .market_item_owner_name { 3575 | color: #fff; 3576 | } 3577 | 3578 | .market_like:hover, .market_share:hover { 3579 | background-color: #494D50; 3580 | } 3581 | 3582 | .market_like, .market_share { 3583 | color: #C4D1DE; 3584 | } 3585 | 3586 | .market_like_count { 3587 | color: #fff; 3588 | } 3589 | 3590 | .market_share_count { 3591 | color: #fff; 3592 | } 3593 | 3594 | .market_comments_header { 3595 | background-color: #494D50; 3596 | color: #C4D1DE; 3597 | } 3598 | 3599 | .market_comments_header:hover { 3600 | background-color: #60758A; 3601 | } 3602 | 3603 | .wk_header { 3604 | color: #C4D1DE; 3605 | } 3606 | 3607 | .market_comments_summary { 3608 | color: #C4D1DE; 3609 | border-bottom-color: #484b4e; 3610 | } 3611 | 3612 | .my_like .market_like_count { 3613 | color: #C4D1DE; 3614 | } 3615 | 3616 | .market_album_name_link { 3617 | color: #fff; 3618 | } 3619 | 3620 | .microdata_price { 3621 | color: #ABD99A; 3622 | } 3623 | 3624 | .wall_module .page_media_market .page_media_link_desc_td .page_media_link_desc { 3625 | color: #a7a7a7; 3626 | } 3627 | 3628 | .wk_table th { 3629 | background-color: #494d50; 3630 | border-top-color: #484b4e; 3631 | border-right-color: #484b4e; 3632 | } 3633 | 3634 | .wk_table td { 3635 | border-top-color: #484b4e; 3636 | border-right-color: #484b4e; 3637 | } 3638 | 3639 | .wk_table { 3640 | border-color: #484b4e; 3641 | } 3642 | 3643 | .wk_gray, ul.listing li span .wk_gray { 3644 | color: #adadad; 3645 | } 3646 | 3647 | .index_fbsign { 3648 | border-top-color: #484b4e; 3649 | } 3650 | 3651 | .index_page .index_footer_wrap { 3652 | border-top-color: #484b4e; 3653 | } 3654 | 3655 | .index_page .flat_button.secondary.button_light:hover { 3656 | background-color: #494d50; 3657 | } 3658 | 3659 | .join_finish_page #footer_wrap { 3660 | border-top-color: #484b4e; 3661 | } 3662 | 3663 | .bottom_row { 3664 | color: #fff; 3665 | } 3666 | 3667 | .join_text { 3668 | color: #a7a7a7; 3669 | } 3670 | 3671 | input.text.ts_input:focus { 3672 | border-color: #254469 !important; 3673 | } 3674 | 3675 | .search_media_rows .header_side_link a, .search_results .header_side_link a { 3676 | color: #c1cddb; 3677 | } 3678 | 3679 | .search_results_sep { 3680 | border-bottom-color: #484b4e; 3681 | } 3682 | 3683 | .search_auto_results .search_auto_sep { 3684 | border-top-color: #484b4e; 3685 | } 3686 | 3687 | .search_auto_results .post_full_like_wrap { 3688 | border-bottom-color: #484b4e; 3689 | } 3690 | 3691 | .bottom_row a { 3692 | color: #8EC5FF; 3693 | } 3694 | 3695 | .wall_post_text a { 3696 | color: #8EC5FF; 3697 | } 3698 | 3699 | .im-mess-stack a { 3700 | color: #8EC5FF; 3701 | } 3702 | 3703 | .mv_deleted_message a { 3704 | color: #8EC5FF; 3705 | } 3706 | 3707 | .video_item_author a { 3708 | color: #8EC5FF; 3709 | } 3710 | 3711 | .labeled_text a { 3712 | color: #8EC5FF; 3713 | } 3714 | 3715 | .page_info_wrap a { 3716 | color: #8EC5FF; 3717 | } 3718 | 3719 | .im-page.im-page_classic .im-page--header { 3720 | border-top-color: #282b2f; 3721 | border-left-color: #282b2f; 3722 | border-right-color: #282b2f; 3723 | } 3724 | 3725 | .im-page.im-page_classic .im-page--dialogs-search { 3726 | box-shadow: 0 0 0 1px #484b4e; 3727 | } 3728 | 3729 | .im-page.im-page_classic .im-page--dcontent { 3730 | background-color: #373b3e; 3731 | box-shadow: 0 1px 0 0 #484b4e, 0 0 0 1px #484b4e; 3732 | } 3733 | 3734 | .im-page.im-page_classic .im-page--header-chat { 3735 | border-top-color: #282b2f; 3736 | border-left-color: #282b2f; 3737 | border-right-color: #282b2f; 3738 | } 3739 | 3740 | .im-page.im-page_classic .im-page--header-inner { 3741 | background-color: #373b3e; 3742 | box-shadow: 0 0 0 1px #484b4e; 3743 | } 3744 | 3745 | .im-page.im-page_classic .im-page--chat-body-wrap-inner { 3746 | background-color: #373b3e; 3747 | } 3748 | 3749 | .im-page.im-page_classic .im-page--chat-body-abs { 3750 | box-shadow: 0 1px 0 0 #484b4e, 0 0 0 1px #484b4e; 3751 | } 3752 | 3753 | .im-page.im-page_classic .im-page--chat-input { 3754 | border-bottom-color: #282b2f; 3755 | background-color: #373b3e; 3756 | border-left-color: #282b2f; 3757 | } 3758 | 3759 | .im-page.im-page_classic .im-page--chat-input { 3760 | border-bottom-color: #282b2f; 3761 | background-color: #373b3e; 3762 | border-left-color: #282b2f; 3763 | border-right-color: #282b2f; 3764 | } 3765 | 3766 | .wall_comments_header { 3767 | border-top-color: #484B4E; 3768 | background-color: #373B3E; 3769 | } 3770 | 3771 | .audio_friend.audio_friend_selected { 3772 | background-color: #494D50; 3773 | border-left-color: #C4D1DE; 3774 | } 3775 | 3776 | .friends_list_bl { 3777 | border-top-color: #484B4E; 3778 | } 3779 | 3780 | .im-member-item { 3781 | border-bottom-color: #484B4E; 3782 | } 3783 | 3784 | .im-chat-input .nim-peer { 3785 | border-color: #373B3E; 3786 | } 3787 | 3788 | textarea.page_poll_export_code { 3789 | background-color: #373B3E; 3790 | } 3791 | 3792 | #pv_box .box_title_wrap a { 3793 | color: #FFF; 3794 | } 3795 | 3796 | .sticker_extra_tt .stickers_extra_text > b { 3797 | color: #C4D1DE; 3798 | } 3799 | 3800 | .sticker_extra_tt .tt_text, .subscribe_post_tt .tt_text { 3801 | color: #A7A7A7; 3802 | } 3803 | 3804 | .no_posts_cover { 3805 | background-image: url(https://habrastorage.org/web/34e/458/1b3/34e4581b385e4fc3852c8c31093cc02d.png); 3806 | } 3807 | 3808 | .datepicker_control { 3809 | border-color: #484B4E; 3810 | } 3811 | 3812 | .datepicker_text { 3813 | background-color: #373B3E; 3814 | color: #fff; 3815 | } 3816 | 3817 | .post_publish { 3818 | border-top-color: #484B4E; 3819 | } 3820 | 3821 | .current_audio { 3822 | color: #C4D1DE; 3823 | } 3824 | 3825 | .preq_tt { 3826 | border-color: #484B4E; 3827 | box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.6); 3828 | } 3829 | 3830 | .preq_friend { 3831 | background-color: #373B3E; 3832 | } 3833 | 3834 | .preq_tt:before { 3835 | border-bottom-color: #484B4E; 3836 | } 3837 | 3838 | .preq_tt:after { 3839 | border-bottom-color: #373B3E; 3840 | } 3841 | 3842 | .im-page .im-page--members, .im-page .im-page--peer-online { 3843 | color: #ABD99A; 3844 | } 3845 | 3846 | .mob_onl { 3847 | background-image: url(https://habrastorage.org/web/b88/59c/ea6/b8859cea6ced4c0ba3b5f34058e28c35.png); 3848 | } 3849 | 3850 | .login_about_mobile { 3851 | background-color: #373B3E; 3852 | color: #C4D1DE; 3853 | border-top-color: #484B4E; 3854 | } 3855 | 3856 | .login_mobile_info { 3857 | color: #FFF; 3858 | } 3859 | 3860 | .wall_post_source_icon { 3861 | background-image: url(https://habrastorage.org/web/45a/504/55b/45a50455b88b4b0b90a28f3469d1c800.png); 3862 | } 3863 | 3864 | .fakeinput:focus, div[contenteditable=true]:focus, input.big_text:focus, input.dark:focus, input.search:focus, input.text:focus, textarea:focus { 3865 | border-color: #787E84; 3866 | } 3867 | 3868 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted):hover { 3869 | background-color: #494D50; 3870 | } 3871 | 3872 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered + .nim-dialog, .nim-dialog:not(.nim-dialog_deleted):hover, .nim-dialog:not(.nim-dialog_deleted):hover + .nim-dialog { 3873 | border-top-color: #484B4E; 3874 | } 3875 | 3876 | div#wk_history_more_link { 3877 | border-top-color: #484B4E; 3878 | color: #fff; 3879 | } 3880 | 3881 | .photos_album_intro .photos_album_intro_desc { 3882 | color: #b9b9b9; 3883 | } 3884 | 3885 | .wall_tt.tt_default.tt_down:not(.post_source_tt):not(.fw_reply_tt):after { 3886 | border-top-color: #282b2f; 3887 | } 3888 | 3889 | .page_doc_row { 3890 | color: #c1cddb; 3891 | } 3892 | 3893 | .im-chat-input.im-chat-input_classic { 3894 | box-shadow: 0 1px 0 0 #484b4e, 0 0 0 1px #484b4e; 3895 | } 3896 | 3897 | .fans_rows .post_full_like_wrap { 3898 | border-bottom-color: #484b4e; 3899 | } 3900 | 3901 | .fans_rows .wall_text + .replies { 3902 | border-bottom-color: #484b4e; 3903 | } 3904 | 3905 | .top_nav_btn a b { 3906 | color: #c1cddb; 3907 | } 3908 | 3909 | .chat_tab_typing_wrap { 3910 | background-color: #494d50; 3911 | } 3912 | 3913 | .ui_gridsorter_cont .ui_gridsorter_moveable { 3914 | background-color: #494d50; 3915 | } 3916 | 3917 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_classic.nim-dialog_unread, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered + .im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered + .nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected + .im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected + .nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic + .im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic + .nim-dialog, .nim-dialog:not(.nim-dialog_deleted):hover + .im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted):hover + .nim-dialog { 3918 | border-top-color: #484b4e; 3919 | } 3920 | 3921 | .group_row_info { 3922 | color: #808080; 3923 | } 3924 | 3925 | .page_media_link_addr, .page_media_link_addr a { 3926 | color: #808080; 3927 | } 3928 | 3929 | .wk_poll_tabs { 3930 | background: #373b3e; 3931 | border-bottom-color: #484b4e; 3932 | } 3933 | 3934 | .wk_poll_dmgr { 3935 | background-color: #373b3e; 3936 | border-top-color: #484b4e; 3937 | } 3938 | 3939 | .summary_tab3 { 3940 | color: #fff; 3941 | } 3942 | 3943 | .summary_tab2:hover { 3944 | background-color: #494d50; 3945 | } 3946 | 3947 | .wk_poll_extra_checkbox .idd_selected_value { 3948 | color: #8EC5FF; 3949 | } 3950 | 3951 | .wdd_hl { 3952 | background-color: #6e7479; 3953 | } 3954 | 3955 | .apps_notification_header a { 3956 | color: #c1cddb; 3957 | } 3958 | 3959 | .im-page .im-page--top-date-bar { 3960 | color: #fff; 3961 | } 3962 | 3963 | .im-page .im-page--top-date-bar-inner { 3964 | background-color: #494d50; 3965 | } 3966 | 3967 | .im-page a.im-page--back-button:hover:before { 3968 | background: -o-linear-gradient(right, #494d50, #484b4e 20%); 3969 | background: linear-gradient(270deg, #494d50, #484b4e 20%); 3970 | } 3971 | 3972 | .pv_author_block { 3973 | background-color: #373b3e; 3974 | border-bottom-color: #484b4e; 3975 | } 3976 | 3977 | .pv_cont .pv_comments_header { 3978 | background-color: #494d50; 3979 | color: #fff; 3980 | } 3981 | 3982 | .pv_cont .pv_comments_header:hover { 3983 | background-color: #60758A; 3984 | } 3985 | 3986 | .ui_scroll_default_theme .ui_scroll_bar_inner { 3987 | background-color: #7E8082; 3988 | } 3989 | 3990 | .ui_scroll_default_theme .ui_scroll_bar_container:hover .ui_scroll_bar_inner, .ui_scroll_default_theme.ui_scroll_dragging .ui_scroll_bar_inner { 3991 | background-color: #BEBFC0; 3992 | } 3993 | 3994 | .wall_module .reply_box, .wall_module .reply_fakebox_wrap { 3995 | border-top-color: #484b4e; 3996 | background-color: #373b3e; 3997 | } 3998 | 3999 | .wall_module .reply_form { 4000 | background-color: #373b3e; 4001 | } 4002 | 4003 | .pe_editor .pe_sticker_preview:hover { 4004 | background-color: #494d50; 4005 | } 4006 | 4007 | .pe_editor .pe_bottom_actions { 4008 | border-top-color: #484b4e; 4009 | } 4010 | 4011 | .pe_editor .pe_tabs { 4012 | border-bottom-color: #373b3e; 4013 | } 4014 | 4015 | .pe_editor .pe_drawing_undo { 4016 | color: #c1cddb; 4017 | } 4018 | 4019 | .pe_editor .pe_drawing_undo:hover { 4020 | background-color: #494d50; 4021 | } 4022 | 4023 | .pe_editor .pe_label { 4024 | color: #fff; 4025 | } 4026 | 4027 | .pe_editor .pe_sticker_packs_tabs { 4028 | background-color: #282b2f; 4029 | } 4030 | 4031 | .pe_editor .pe_sticker_pack_tab_btn.pe_right { 4032 | background: -o-linear-gradient(left, rgba(240, 242, 245, 0) 0%, rgba(240, 242, 245, .84) 22%, #282b2f 37%, #282b2f 100%); 4033 | background: linear-gradient(90deg, rgba(240, 242, 245, 0) 0%, rgb(40, 43, 47) 22%, #282b2f 37%, #282b2f); 4034 | } 4035 | 4036 | .pe_editor .pe_sticker_pack_tab.pe_selected { 4037 | background-color: #373b3e; 4038 | } 4039 | 4040 | .pe_editor .pe_sticker_pack_tab:hover { 4041 | background-color: #494d50; 4042 | } 4043 | 4044 | .feedback_header b { 4045 | color: #c1cddb; 4046 | } 4047 | 4048 | .subheader, h4.subheader { 4049 | color: #c1cddb; 4050 | } 4051 | 4052 | .feedback_header { 4053 | color: #808080; 4054 | } 4055 | 4056 | .friends_cur_filters { 4057 | border-bottom-color: #484b4e; 4058 | } 4059 | 4060 | .wall_module .published_by_quote, .wall_module .published_sec_quote { 4061 | border-left-color: #484b4e; 4062 | } 4063 | 4064 | .page_market_album_title_text { 4065 | color: #c1cddb; 4066 | } 4067 | 4068 | .page_market_album_wrap { 4069 | border-color: rgb(72, 75, 78); 4070 | } 4071 | 4072 | .mv_actions_block { 4073 | border-bottom-color: #484b4e; 4074 | } 4075 | 4076 | .mv_info_wide_column { 4077 | border-right-color: #484b4e; 4078 | } 4079 | 4080 | .pv_cont .pv_can_edit:hover { 4081 | background-color: #494d50; 4082 | } 4083 | 4084 | .video_upload_ready_name { 4085 | color: #c1cddb; 4086 | } 4087 | 4088 | .page_list_module .group_desc, .page_list_module .people_desc, .page_list_module .people_extra { 4089 | color: #7b7b7b; 4090 | } 4091 | 4092 | .ui_scroll_emoji_theme .ui_scroll_shadow_bottom, .ui_scroll_emoji_theme .ui_scroll_shadow_top { 4093 | background: url(https://habrastorage.org/web/2fb/fc1/c58/2fbfc1c586b54b4f81165d57b27df4f1.png) 0 -29px; 4094 | } 4095 | 4096 | .notify_tt_text { 4097 | color: #a0a0a0; 4098 | } 4099 | 4100 | .mv_info { 4101 | background-color: #373b3e; 4102 | } 4103 | 4104 | .mv_info_narrow_column { 4105 | border-left-color: #484b4e; 4106 | } 4107 | 4108 | .pv_cont .pv_closed_commments_placeholder { 4109 | background-image: url("https://habrastorage.org/web/951/fe1/157/951fe115760e4c95b9a634adcf2dc1c5.png"); 4110 | } 4111 | 4112 | .pv_desc_more { 4113 | color: #C4D1DE; 4114 | } 4115 | 4116 | .module { 4117 | border-color: #484b4e; 4118 | } 4119 | 4120 | .ui_scroll_default_theme.ui_scroll_emoji_theme .ui_scroll_shadow_bottom, .ui_scroll_default_theme.ui_scroll_emoji_theme .ui_scroll_shadow_top { 4121 | background: url(https://habrastorage.org/web/2fb/fc1/c58/2fbfc1c586b54b4f81165d57b27df4f1.png) 0 -29px; 4122 | box-shadow: none; 4123 | height: 10px; 4124 | } 4125 | 4126 | .apps_main .apps_i_panel { 4127 | background-color: #373b3e; 4128 | } 4129 | 4130 | .apps_options_bar { 4131 | background-color: #373b3e; 4132 | } 4133 | 4134 | .apps_options_bar .apps_options_bar_left .app_summary_name { 4135 | color: #fff; 4136 | } 4137 | 4138 | .link_arrowed_bottom { 4139 | color: #c1cddb; 4140 | } 4141 | 4142 | #apps_user_warning_cont, .apps_options_bar { 4143 | border-bottom-color: #484b4e; 4144 | } 4145 | 4146 | .apps_footer { 4147 | background-color: #373b3e; 4148 | border-top-color: #484b4e; 4149 | } 4150 | 4151 | #payments_box_right_col { 4152 | background-color: #373b3e; 4153 | } 4154 | 4155 | .payments_box_wide { 4156 | background-color: #282b2f; 4157 | } 4158 | 4159 | .payments_box_wide .payments_getvotes_method_opt:hover { 4160 | background-color: #494d50; 4161 | } 4162 | 4163 | .payments_getvotes_ps_row { 4164 | color: #ABD99A; 4165 | } 4166 | 4167 | .button_cancel { 4168 | color: #c1cddb; 4169 | } 4170 | 4171 | .button_cancel .button.hover, .button_cancel .button:hover, .button_cancel .button_hover, .button_cancel .leave_button:hover { 4172 | background-color: #494d50; 4173 | } 4174 | 4175 | .notify_box p, .notifyBox { 4176 | background: #373b3e; 4177 | } 4178 | 4179 | .button_cancel .button_hover, .button_cancel .button:hover, .button_cancel .button.hover, .button_cancel .leave_button:hover { 4180 | background-color: #494d50; 4181 | } 4182 | 4183 | .notify_box p, .notifyBox { 4184 | color: white; 4185 | } 4186 | 4187 | .app_edit_block_header { 4188 | background-color: #373b3e; 4189 | border-bottom-color: #484b4e; 4190 | } 4191 | 4192 | .dev_wide_input_wrap { 4193 | border-bottom-color: #484b4e; 4194 | } 4195 | 4196 | .bugs_row_title a { 4197 | color: #fff; 4198 | } 4199 | 4200 | #bugs_content #summary { 4201 | border-bottom-color: #484b4e; 4202 | color: #cecece; 4203 | } 4204 | 4205 | .dev .app_edit_block_header .app_edit_dev_header.app_header_sel { 4206 | color: #fff; 4207 | } 4208 | 4209 | .bugs_row { 4210 | border-bottom-color: #484b4e; 4211 | } 4212 | 4213 | .bugs_tag { 4214 | background-color: #484b4e; 4215 | color: #c1cddb; 4216 | } 4217 | 4218 | .bugs_filters { 4219 | background-color: #494d50; 4220 | } 4221 | 4222 | .bugs_filter_label { 4223 | color: #fff; 4224 | } 4225 | 4226 | .bugs_tags .summary_tab3 { 4227 | color: #c1cddb; 4228 | } 4229 | 4230 | .bugs_table .bugs_tag.over { 4231 | background-color: #6f7377; 4232 | } 4233 | 4234 | .bugs_view_title { 4235 | color: #c1cddb; 4236 | } 4237 | 4238 | .bugs_view_actions, .bugs_view_author, .bugs_view_subscribe { 4239 | background-color: #494d50; 4240 | } 4241 | 4242 | .bugs_info_row { 4243 | color: #a9a9a9; 4244 | } 4245 | 4246 | .bugs_author_link a { 4247 | color: #c1cddb; 4248 | } 4249 | 4250 | .dev_nav a.nav.submenu { 4251 | color: #808080; 4252 | } 4253 | 4254 | .validation_devices_wrap .radiobtn, .validation_row .radiobtn { 4255 | color: #fff; 4256 | } 4257 | 4258 | .top_nav_btn b { 4259 | color: #c1cddb; 4260 | } 4261 | 4262 | .apps_edit_nav_header { 4263 | background-color: #373b3e; 4264 | border-bottom-color: #484b4e; 4265 | } 4266 | 4267 | .apps_edit_nav_label { 4268 | color: #fff; 4269 | } 4270 | 4271 | .apps_edit_screen_line { 4272 | border-top-color: #484b4e; 4273 | color: #c1cddb; 4274 | } 4275 | 4276 | .apps_edit_retina_info { 4277 | background-color: #373b3e; 4278 | color: #a7a7a7; 4279 | } 4280 | 4281 | .apps_edit_thumb_header { 4282 | color: #c1cddb; 4283 | } 4284 | 4285 | .apps_edit_box .apps_restrictions { 4286 | color: #c1cddb; 4287 | } 4288 | 4289 | .apps_edit_table .label, td.apps_edit_label { 4290 | color: #fff; 4291 | } 4292 | 4293 | div.apps_edit_header { 4294 | color: #c1cddb; 4295 | } 4296 | 4297 | .apps_edit_rows_review { 4298 | color: #fff; 4299 | } 4300 | 4301 | .apps_edit_rows_empty { 4302 | color: #fff; 4303 | } 4304 | 4305 | .app_edit_api_counter_wrap_center { 4306 | border-color: #484b4e; 4307 | } 4308 | 4309 | .app_edit_api_counter_wrap { 4310 | border-bottom-color: #484b4e; 4311 | } 4312 | 4313 | .apps_edit_api_block_selectors .round_tab { 4314 | color: #fff; 4315 | } 4316 | 4317 | .round_tab:hover { 4318 | background-color: #494d50; 4319 | } 4320 | 4321 | .apps_edit_stat_graph_wrap .summary { 4322 | color: #fff; 4323 | } 4324 | 4325 | .app_edit_block_header { 4326 | color: #fff; 4327 | } 4328 | 4329 | #app_edit_api_bottom_graphs_wrap { 4330 | border-top-color: #484b4e; 4331 | } 4332 | 4333 | .app_edit_api_duration_graph { 4334 | border-color: #484b4e; 4335 | } 4336 | 4337 | #apps_edit_admins { 4338 | background-color: #373b3e; 4339 | } 4340 | 4341 | .apps_edit_user_type .main { 4342 | color: #fff; 4343 | } 4344 | 4345 | .apps_edit_platform_status { 4346 | border-bottom-color: #484b4e; 4347 | } 4348 | 4349 | .tickets_bottom_msg { 4350 | border-top-color: #484b4e; 4351 | } 4352 | 4353 | .dev_methods_list_desc { 4354 | color: #c7c7c7; 4355 | } 4356 | 4357 | .dev_methods_list_row:hover { 4358 | background-color: #494d50; 4359 | } 4360 | 4361 | .dev_mlist_item { 4362 | background-color: #494d50; 4363 | } 4364 | 4365 | .dev_roadmap_timeline .dev_roadmap_timeline_past .dev_roadmap_timeline_row_time, .dev_roadmap_timeline .dev_roadmap_timeline_past .dev_roadmap_timeline_row_text a { 4366 | color: #fff; 4367 | } 4368 | 4369 | .dev_mlist_item:hover { 4370 | background-color: #6f7579; 4371 | } 4372 | 4373 | .dev_param_row { 4374 | border-color: #484b4e; 4375 | } 4376 | 4377 | .dev_const_params { 4378 | border-right-color: #484b4e; 4379 | background-color: #282b2f; 4380 | } 4381 | 4382 | .dev_param_checkbox { 4383 | background-color: #373b3e; 4384 | } 4385 | 4386 | .dev_req_result { 4387 | background-color: #373b3e; 4388 | } 4389 | 4390 | .dev_req_result.has_res:hover { 4391 | background-color: #494e52; 4392 | } 4393 | 4394 | .dev_result_key { 4395 | color: #fff; 4396 | } 4397 | 4398 | .dev_result_num { 4399 | color: #ae81ff; 4400 | } 4401 | 4402 | .dev_result_str, .dev_result_str a { 4403 | color: #a6e22e; 4404 | } 4405 | 4406 | .dev_result_bracket { 4407 | color: #66d9ef; 4408 | } 4409 | 4410 | .dev_result_highlight .dev_result_bracket, .dev_result_highlight .dev_result_lbracket { 4411 | color: #b92659; 4412 | } 4413 | 4414 | #dev_edit_form { 4415 | background-color: #373b3e; 4416 | } 4417 | 4418 | .dev_method_req_table { 4419 | border-color: #484b4e; 4420 | } 4421 | 4422 | .dev_form_no_params { 4423 | color: #fff; 4424 | } 4425 | 4426 | .dev_widget_fulldoc { 4427 | background-color: #494d50; 4428 | } 4429 | 4430 | .dev_widget_fulldoc:hover { 4431 | background-color: #6b7175; 4432 | text-decoration: none; 4433 | } 4434 | 4435 | .separator, .separator div { 4436 | border-color: #484b4e !important; 4437 | } 4438 | 4439 | .wauth_content { 4440 | border-color: #484b4e; 4441 | } 4442 | 4443 | #page_wrap { 4444 | background-color: #282b2f; 4445 | } 4446 | 4447 | .dev_mlist_item.nav_selected, .dev_mlist_item.nav_selected:hover { 4448 | background: #6f7579; 4449 | color: #c1cddb; 4450 | } 4451 | 4452 | .ui_search { 4453 | border-bottom-color: #484b4e; 4454 | background-color: #373b3e; 4455 | } 4456 | 4457 | #ads_left:empty + .left_menu_nav_wrap { 4458 | border-top-color: #484b4e; 4459 | } 4460 | 4461 | .page_status_editor .editor { 4462 | border-color: #484b4e; 4463 | background-color: #373b3e; 4464 | box-shadow: 0 1px 3px rgba(0, 0, 0, .7); 4465 | } 4466 | 4467 | #visitors_graph > div:nth-child(1) > canvas { 4468 | -webkit-filter: brightness(10); 4469 | filter: brightness(10); 4470 | } 4471 | 4472 | #visitors_graph { 4473 | color: #fff !important; 4474 | } 4475 | 4476 | #sex_age_chart_graph > div:nth-child(1) > canvas { 4477 | -webkit-filter: brightness(10); 4478 | filter: brightness(10); 4479 | } 4480 | 4481 | #members_graph > div:nth-child(1) > canvas { 4482 | -webkit-filter: brightness(10); 4483 | filter: brightness(10); 4484 | } 4485 | 4486 | #members_graph { 4487 | color: #fff !important; 4488 | } 4489 | 4490 | .graph_menu_item { 4491 | color: #fff; 4492 | } 4493 | 4494 | .audio_row .audio_duration_wrap { 4495 | -webkit-filter: brightness(1.5) grayscale(0.2); 4496 | filter: brightness(1.5) grayscale(0.2); 4497 | } 4498 | 4499 | .audio_inline_player .slider .slider_back, .audio_page_player .slider .slider_back { 4500 | background-color: #b3bfce; 4501 | } 4502 | 4503 | .page_block .im_stickers_bl_wrap { 4504 | background: #373b3e; 4505 | } 4506 | 4507 | #ads_left { 4508 | display: none !important; 4509 | } 4510 | 4511 | #ads_page { 4512 | background-color: #373b3e; 4513 | } 4514 | 4515 | .exchange_title_head { 4516 | border-bottom-color: #484b4e; 4517 | } 4518 | 4519 | .exchange_subtab1 { 4520 | color: #fff; 4521 | } 4522 | 4523 | .exchange_subtab1:hover { 4524 | background-color: #494d50; 4525 | } 4526 | 4527 | #ads_page_bottom_info { 4528 | border-top-color: #484b4e; 4529 | background-color: #373b3e; 4530 | color: #a0a0a0; 4531 | } 4532 | 4533 | .exchange_table th { 4534 | background-color: #484b4e; 4535 | color: #fff; 4536 | } 4537 | 4538 | .exchange_not_found.table { 4539 | background-color: #373b3e; 4540 | } 4541 | 4542 | .exchange_post_info_row .label { 4543 | color: #a0a0a0; 4544 | } 4545 | 4546 | .exchange_table tr:first-child { 4547 | border-top-color: #484b4e; 4548 | } 4549 | 4550 | .exchange_table tr:last-child { 4551 | border-bottom-color: #484b4e; 4552 | } 4553 | 4554 | .dark_box_cont { 4555 | background-color: #373b3e; 4556 | } 4557 | 4558 | .dark_box_label { 4559 | color: #fff; 4560 | } 4561 | 4562 | .exchange_hint_tt .hint_wrap { 4563 | color: #fff; 4564 | } 4565 | 4566 | .exchange_hint_tt .tail { 4567 | background: url(https://habrastorage.org/web/6f8/e31/40e/6f8e3140e9f548db9c3b9cea95cd7c45.png) -3px -5px no-repeat; 4568 | } 4569 | 4570 | .exchange_table tr { 4571 | border-left-color: #484b4e; 4572 | border-right-color: #484b4e; 4573 | } 4574 | 4575 | .exchange_table tr.even { 4576 | background-color: #484b4e; 4577 | } 4578 | 4579 | .exchange_ad_post_club_commment, a.exchange_ad_post_link, a.exchange_ad_post_stats { 4580 | background-color: #63676b; 4581 | } 4582 | 4583 | .exchange_ad_post_club_commment:hover, a.exchange_ad_post_link:hover, a.exchange_ad_post_stats:hover { 4584 | background-color: #75797d; 4585 | } 4586 | 4587 | #exchange_comm_search_filters { 4588 | background-color: #373b3e; 4589 | } 4590 | 4591 | .exchange_filter_label { 4592 | color: #98a6b1; 4593 | } 4594 | 4595 | #exchange_comm_search_filters #exchange_search_input { 4596 | background: #373b3e; 4597 | } 4598 | 4599 | #ads_unions_content h2 { 4600 | border-bottom-color: #484b4e; 4601 | } 4602 | 4603 | #admin_form_table_wrapper { 4604 | background-color: #373b3e !important; 4605 | border-top-color: #484b4e !important; 4606 | border-bottom-color: #484b4e !important; 4607 | } 4608 | 4609 | #ads_user_link { 4610 | background: #373b3e !important; 4611 | } 4612 | 4613 | .wk_sub_sub_header { 4614 | color: #c1cddb; 4615 | } 4616 | 4617 | .ui_table tr.ui_table_row.header { 4618 | border-color: #484b4e; 4619 | background-color: #484b4e; 4620 | } 4621 | 4622 | .ui_table.wide td.ui_table_cell.right_wide, .ui_table.wide th.ui_table_cell.right_wide, .ui_table.wide td.ui_table_cell.left_wide, .ui_table.wide th.ui_table_cell.left_wide { 4623 | color: #fff; 4624 | } 4625 | 4626 | .ui_table td.ui_table_cell_empty { 4627 | background-color: #373b3e; 4628 | } 4629 | 4630 | .ui_table tr.ui_table_row.empty { 4631 | border-bottom-color: #484b4e; 4632 | } 4633 | 4634 | .ui_table tr.ui_table_row { 4635 | border-left-color: #484b4e; 4636 | border-right-color: #484b4e; 4637 | } 4638 | 4639 | .ads_edit_page_wrap3 { 4640 | background-color: #373b3e; 4641 | } 4642 | 4643 | .ads_edit_link_type_item .ads_edit_link_type_item_title, .ads_edit_link_type_item.disabled .ads_edit_link_type_item_title, .ads_edit_link_type_item.disabled:hover .ads_edit_link_type_item_title { 4644 | color: #fff; 4645 | } 4646 | 4647 | .ads_edit_value_header { 4648 | color: #c1cddb; 4649 | } 4650 | 4651 | .ads_edit_link_type_item:hover { 4652 | background-color: #494d50; 4653 | } 4654 | 4655 | .big.with_icons .result_list ul li.active { 4656 | background-color: #494d50; 4657 | } 4658 | 4659 | .big.with_icons .result_list ul li { 4660 | color: #fff; 4661 | } 4662 | 4663 | .ads_edit_separator_big { 4664 | border-bottom-color: #484b4e; 4665 | } 4666 | 4667 | .ads_edit_label { 4668 | color: #fff; 4669 | } 4670 | 4671 | .ads_edit_targeting_group_hider_title { 4672 | color: #fff; 4673 | } 4674 | 4675 | #ads_edit_audience { 4676 | background-color: #494d50; 4677 | } 4678 | 4679 | #ads_edit_audience_title, #ads_edit_recommended_cost_title { 4680 | color: #c1cddb; 4681 | } 4682 | 4683 | .ads_ad_box.redesign .ads_ad_box_border { 4684 | border-color: #494d50; 4685 | } 4686 | 4687 | .ads_edit_panel_preview .ads_ad_box.redesign .ads_ad_box_border { 4688 | background-color: #494d50; 4689 | } 4690 | 4691 | .ads_ad_box.redesign .ads_ad_title_box { 4692 | color: #fff; 4693 | } 4694 | 4695 | .ads_edit_panel_preview .ads_ad_box .ads_ad_box_border { 4696 | background-color: #373b3e; 4697 | } 4698 | 4699 | .selector_container td.selector .token_inner, .selector_container td.selector .token_prefix { 4700 | color: #fff; 4701 | background-color: #494d50; 4702 | } 4703 | 4704 | .im-search--date-input .cal_table .past_day.day, .im-search--date-input .cal_table .today.day { 4705 | color: #fff; 4706 | } 4707 | 4708 | .nim-dialog .nim-dialog--preview, .nim-dialog .nim-dialog--preview b { 4709 | color: #808080; 4710 | } 4711 | 4712 | .im-chat-input .im-chat-input--text * { 4713 | color: #fff !important; 4714 | } 4715 | 4716 | .emoji_tt_wrap.tt_up:after { 4717 | border-bottom-color: #373b3e; 4718 | } 4719 | 4720 | .emoji_tt_wrap.tt_up:before { 4721 | border-bottom-color: #484b4e; 4722 | } 4723 | 4724 | .ui_actions_menu_item.feed_new_list:hover { 4725 | background-color: #494D50; 4726 | } 4727 | 4728 | .fans_fan_ph.online.mobile:after { 4729 | background-color: #373b3e; 4730 | } 4731 | 4732 | .fans_fan_ph.online:after { 4733 | border-color: #373b3e; 4734 | } 4735 | 4736 | .nim-dialog.nim-dialog_unread-out.nim-dialog_muted:not(.nim-dialog_failed) .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_unread-out:not(.nim-dialog_failed) .nim-dialog--unread, .nim-dialog.nim-dialog_unread-out:not(.nim-dialog_failed) .nim-dialog--unread { 4737 | background-color: #f05c44; 4738 | } 4739 | 4740 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--unread, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--unread { 4741 | background-color: #fff !important; 4742 | } 4743 | 4744 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered .nim-dialog--preview, .nim-dialog:not(.nim-dialog_deleted):hover .nim-dialog--preview { 4745 | color: #fff; 4746 | } 4747 | 4748 | .current_audio_cnt { 4749 | opacity: 1; 4750 | color: #849ebd; 4751 | -webkit-filter: brightness(1.5) grayscale(0.2); 4752 | filter: brightness(1.5) grayscale(0.2); 4753 | } 4754 | 4755 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic .nim-dialog--preview { 4756 | color: #fff; 4757 | } 4758 | 4759 | .post_like:hover, .post_share:hover { 4760 | color: #fff; 4761 | } 4762 | 4763 | .pva_period_fixed { 4764 | background-color: #373B3E; 4765 | } 4766 | 4767 | .im-chat-input.im-chat-input_error { 4768 | background-color: #373b3e; 4769 | } 4770 | 4771 | .im-page.im-page_classic .im-page--history_loading, .im-create.im-create_classic .im-create--table { 4772 | box-shadow: 0 1px 0 0 #484B4E, 0 0 0 1px #484B4E; 4773 | } 4774 | 4775 | .ui_scroll_default_theme.ui_scroll_emoji_theme > .ui_scroll_overflow > .ui_scroll_shadow_bottom, .ui_scroll_default_theme.ui_scroll_emoji_theme > .ui_scroll_overflow > .ui_scroll_shadow_top { 4776 | background: url(https://habrastorage.org/web/2fb/fc1/c58/2fbfc1c586b54b4f81165d57b27df4f1.png) 0 -29px; 4777 | } 4778 | 4779 | .idd_wrap .idd_selected_value { 4780 | color: #D2D2D2; 4781 | } 4782 | 4783 | .help_table_not_found_text { 4784 | color: #fff; 4785 | } 4786 | 4787 | .help_table_not_found_text__l { 4788 | color: #b7b7b7; 4789 | } 4790 | 4791 | .help_table_popular { 4792 | border-top-color: #484b4e; 4793 | } 4794 | 4795 | .my_like { 4796 | color: #fff !important; 4797 | } 4798 | 4799 | .videocat_channel_header .videocat_channel_title a { 4800 | color: #fff; 4801 | } 4802 | 4803 | .ui_actions_menu_item.feed_custom_list:hover { 4804 | background-color: #494d50; 4805 | } 4806 | 4807 | .im-to-end .im-to-end--label { 4808 | border-color: #484b4e; 4809 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6); 4810 | background-color: #373b3e; 4811 | } 4812 | 4813 | .im-to-end { 4814 | color: #fff; 4815 | } 4816 | 4817 | .im-to-end:hover .im-to-end--label { 4818 | background-color: #494d50; 4819 | } 4820 | 4821 | .im-page .im-page--top-date-bar:before { 4822 | background-color: #373b3e; 4823 | } 4824 | 4825 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered:last-child, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected:last-child, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic:last-child, .nim-dialog:not(.nim-dialog_deleted):hover:last-child { 4826 | border-bottom-color: #484b4e; 4827 | } 4828 | 4829 | input.ui_search_field { 4830 | background: url(https://habrastorage.org/web/d74/a87/660/d74a876607894351a1b5fec8f4aae01b.png) no-repeat; 4831 | -ms-high-contrast-adjust: auto; 4832 | padding-left: 28px; 4833 | border-left: 20px solid transparent; 4834 | background-position: 0; 4835 | } 4836 | 4837 | .im-audio-message-input { 4838 | border-top-color: #484b4e; 4839 | } 4840 | 4841 | .im-audio-message-input .im-audio-message-track { 4842 | background-color: #494d50; 4843 | } 4844 | 4845 | .im_msg_audiomsg .audio-msg-track:not(.audio-msg-player):hover { 4846 | background-color: #565b5f; 4847 | } 4848 | 4849 | .blog_entry_author_name, .blog_entry_author_name a { 4850 | color: #c1cddb; 4851 | } 4852 | 4853 | .payments_money_transfer_amount_wrap { 4854 | border-color: #494d50; 4855 | background-color: #373b3e; 4856 | } 4857 | 4858 | .payments_money_transfer_comment { 4859 | border-color: #494d50; 4860 | background-color: #373b3e; 4861 | } 4862 | 4863 | .payments_money_transfer_amount_wrap.money_error { 4864 | border-color: #f05c44; 4865 | background-color: #4f5458; 4866 | } 4867 | 4868 | .payments_money_transfer_amount_wrap.money_error .payments_money_transfer_amount { 4869 | background-color: #4f5458; 4870 | } 4871 | 4872 | .pay-card-layout__notification_type_vk .info-block_type_notification, .pay-card-layout__notification_type_vk-p2p .info-block_type_notification { 4873 | color: #fff; 4874 | background-color: #373b3e; 4875 | } 4876 | 4877 | .nim-dialog:not(.nim-dialog_deleted):hover .nim-dialog--preview.nim-dialog--preview-attach { 4878 | color: #c3c3c3; 4879 | } 4880 | 4881 | .ui_toggler { 4882 | background-color: #6b7277; 4883 | } 4884 | 4885 | .ui_toggler:after { 4886 | border-color: #6b7277; 4887 | background-color: #fff; 4888 | } 4889 | 4890 | .ui_toggler.on { 4891 | background-color: #efbfb7; 4892 | } 4893 | 4894 | .ui_toggler.on:after { 4895 | background-color: #f05c44; 4896 | border-color: #f05c44; 4897 | } 4898 | 4899 | .login_page #footer_wrap { 4900 | border-top-color: #484b4e; 4901 | } 4902 | 4903 | .im-page_classic .im-page--top-notice { 4904 | box-shadow: 0 1px 0 0 #494d50, 0 0 0 1px #494d50; 4905 | background-color: #373b3e; 4906 | } 4907 | 4908 | .im-page .im-page--dialogs.im-page--dialogs-notice .im-page--header { 4909 | background-color: #282b2f; 4910 | } 4911 | 4912 | .im-notice--title { 4913 | color: #fff; 4914 | } 4915 | 4916 | .im-page_classic .im-page--top-notice .im-notice--text { 4917 | color: #E0E0E0; 4918 | } 4919 | 4920 | .landing .landing_section.dark { 4921 | background-color: #282B2F; 4922 | } 4923 | 4924 | .landing .landing_section .landing_page_title { 4925 | color: #C1CDDB; 4926 | } 4927 | 4928 | .landing_moneysend .landing_page_text { 4929 | color: #e0e0e0; 4930 | } 4931 | 4932 | .landing .landing_section { 4933 | border-bottom-color: #474b4e; 4934 | } 4935 | 4936 | .landing_moneysend_mastercard_block, .landing_moneysend_when { 4937 | color: #e0e0e0; 4938 | } 4939 | 4940 | #header { 4941 | background: #373b3e; 4942 | border-color: #484b4e; 4943 | } 4944 | 4945 | #header_wrap1 { 4946 | border-color: #484b4e; 4947 | } 4948 | 4949 | .smartfeed_notification .notification_info .notification_title { 4950 | color: #fff; 4951 | } 4952 | 4953 | .blog_more_but { 4954 | color: #8EC5FF; 4955 | } 4956 | 4957 | .blog_entry_author_info_short, .blog_entry_author_info_short a { 4958 | color: #afafaf; 4959 | } 4960 | 4961 | #pv_friends { 4962 | box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px; 4963 | background: #373b3e; 4964 | border-color: #484b4e; 4965 | } 4966 | 4967 | #pv_friends .name_input input { 4968 | border-color: #484b4e; 4969 | } 4970 | 4971 | #pv_friends .list_wrap a:hover { 4972 | background-color: #494d50; 4973 | } 4974 | 4975 | .im-page .im-page--header-inner { 4976 | background: #373b3e; 4977 | border-bottom-color: #484b4e; 4978 | } 4979 | 4980 | .im-page .im-page--top-date-bar { 4981 | background: #373b3e; 4982 | border-color: #484b4e; 4983 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .6); 4984 | } 4985 | 4986 | html body .vkd-filterblock-title { 4987 | color: #fff; 4988 | } 4989 | 4990 | .nim-dialog.nim-dialog_classic.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text { 4991 | background-color: #494d50; 4992 | } 4993 | 4994 | .nim-dialog.nim-dialog_classic.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text { 4995 | background-color: #494d50; 4996 | } 4997 | 4998 | .im-page .im-page--history-new-bar_days > span:before { 4999 | border-color: #494d50; 5000 | } 5001 | 5002 | .im-page .im-page--top-date-bar.im-page--date-bar-transition.im-page--date-bar-transition-inverse { 5003 | background-color: #373b3e; 5004 | border-color: #494d50; 5005 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .6); 5006 | } 5007 | 5008 | .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_hovered.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_hovered.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_selected.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_selected.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted):hover.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted):hover.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text { 5009 | background-color: #494d50; 5010 | } 5011 | 5012 | html body #ads_left:not(.vkd-enabled) + .left_menu_nav_wrap { 5013 | border-top-color: #484b4e; 5014 | } 5015 | 5016 | .medadd_c_linkhead { 5017 | color: #c1cddb; 5018 | } 5019 | 5020 | .medadd_c_linkdsc { 5021 | color: #b9b9b9; 5022 | } 5023 | 5024 | .group_app_button { 5025 | border-top-color: #484b4e; 5026 | } 5027 | 5028 | a.ui_crumb { 5029 | color: #b3b3b3; 5030 | } 5031 | 5032 | .wide_column .page_top { 5033 | border-bottom-color: #484b4e; 5034 | } 5035 | 5036 | .group_friends_image { 5037 | border-color: #373b3e; 5038 | } 5039 | 5040 | .public_help_block { 5041 | color: #fff; 5042 | } 5043 | 5044 | #group_apps_wrapper .ui_tabs_header { 5045 | background-color: #373b3e; 5046 | } 5047 | 5048 | #group_apps_wrapper #apps_catalog .apps_catalog_row { 5049 | border-bottom-color: #484b4e; 5050 | } 5051 | 5052 | a.group_app_button { 5053 | color: #fff; 5054 | } 5055 | 5056 | .emoji_cats_title_helper:after { 5057 | background: url(https://habrastorage.org/web/2fb/fc1/c58/2fbfc1c586b54b4f81165d57b27df4f1.png) 0 -29px; 5058 | } 5059 | 5060 | .emoji_cat_title { 5061 | color: #fff; 5062 | background-color: #373b3e; 5063 | } 5064 | 5065 | .ui_search_new .ui_search_input_inner { 5066 | border-color: #494d50; 5067 | } 5068 | 5069 | .ui_search_new .ui_search_button_search { 5070 | background-color: #494d50; 5071 | border-color: #494d50; 5072 | } 5073 | 5074 | .ui_search_new.ui_search_field_empty .ui_search_button_search { 5075 | background-color: #494d50; 5076 | } 5077 | 5078 | .ui_search_sugg_list { 5079 | border-color: #494d50; 5080 | border-top-color: #494d50; 5081 | background-color: #373b3e; 5082 | box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4); 5083 | } 5084 | 5085 | .ui_search_sugg_list .ui_search_suggestion_selected { 5086 | background-color: #494d50; 5087 | } 5088 | 5089 | .ui_search_new.ui_search_dark .ui_search_input_inner { 5090 | background-color: #373b3e; 5091 | } 5092 | 5093 | .eltt.eltt_bottom:before { 5094 | border-bottom-color: #484b4e; 5095 | } 5096 | 5097 | .ui_search_new .ui_search_button_search:hover { 5098 | background-color: #63676b; 5099 | } 5100 | 5101 | .ui_search_new.ui_search_dark .ui_search_button_search { 5102 | background-color: #494d50; 5103 | } 5104 | 5105 | .feed_wrap .explain { 5106 | color: #adadad; 5107 | } 5108 | 5109 | h4.profile_online { 5110 | color: #BBE6AC; 5111 | } 5112 | 5113 | .im-chat-input { 5114 | border-top-color: #494d50; 5115 | background-color: #373b3e; 5116 | } 5117 | 5118 | .im-chat-input .im-chat-input--txt-wrap { 5119 | background-color: #373b3e; 5120 | border-color: #494d50; 5121 | } 5122 | 5123 | .im-fwd .im-fwd--title { 5124 | color: #c1cddb; 5125 | } 5126 | 5127 | .im-fwd.im-fwd_msg .im-fwd--messages { 5128 | color: #fff; 5129 | } 5130 | 5131 | .im-audio-message-input { 5132 | background-color: #373b3e; 5133 | border-top-color: #484b4e; 5134 | } 5135 | 5136 | #group_apps_wrapper .apps_footer { 5137 | background-color: #373b3e; 5138 | border-top-color: #484b4e; 5139 | } 5140 | 5141 | .app_settings_name a { 5142 | color: #c1cddb; 5143 | } 5144 | 5145 | #group_apps_wrapper #group_apps_edit .app_setting_header .group_edit_app_info .apps_settings_go_link { 5146 | color: #fff; 5147 | } 5148 | 5149 | #apps_catalog .apps_catalog_row { 5150 | border-bottom-color: #484b4e; 5151 | } 5152 | 5153 | .im-right-menu.ui_rmenu .im-right-menu--count { 5154 | color: #fff; 5155 | background: #f05c44; 5156 | border-radius: 3px; 5157 | } 5158 | 5159 | .feed_update_row .post_author { 5160 | color: #a0a0a0; 5161 | } 5162 | 5163 | .help_table_question_visible.help_table_question_sa { 5164 | background-color: #373b3e; 5165 | } 5166 | 5167 | body.dev a.dev_search_match_row { 5168 | color: #fff; 5169 | } 5170 | 5171 | .dev_search_header { 5172 | color: #c1cddb; 5173 | } 5174 | 5175 | .dev_search_match_row:hover { 5176 | background: #494d50; 5177 | border-radius: 3px; 5178 | } 5179 | 5180 | .dev_products_block_descr { 5181 | color: #fff; 5182 | } 5183 | 5184 | .dev_products_blocks_spliter:after { 5185 | background-color: #494d50; 5186 | } 5187 | 5188 | .dev_widgets_row { 5189 | border-top-color: #494d50; 5190 | } 5191 | 5192 | body.dev .paginated_table_header th.paginated_table_cell { 5193 | background-color: #494d50; 5194 | } 5195 | 5196 | body.dev .paginated_table_header th.paginated_table_cell.unsortable:hover, body.dev .paginated_table_header th.paginated_table_cell:hover { 5197 | background-color: #595d61; 5198 | } 5199 | 5200 | body.dev .paginated_table_header .paginated_table_cell, body.dev .paginated_table_header .paginated_table_cell * { 5201 | color: #fff; 5202 | } 5203 | 5204 | .dev_status_okay { 5205 | color: #f05c44; 5206 | } 5207 | 5208 | body.dev .paginated_table_row { 5209 | border-bottom-color: #494d50; 5210 | } 5211 | 5212 | .summary_tabs { 5213 | border-bottom-color: #494d50; 5214 | } 5215 | 5216 | #wrapper_delay_graph, #wrapper_uptime_graph { 5217 | color: #dedede !important; 5218 | } 5219 | 5220 | #wrapper_delay_graph > div:nth-child(1) > canvas, #wrapper_uptime_graph > div:nth-child(1) > canvas { 5221 | -webkit-filter: brightness(10); 5222 | filter: brightness(10); 5223 | } 5224 | 5225 | .dev_roadmap_timeline { 5226 | color: #c1cddb; 5227 | } 5228 | 5229 | .dev_roadmap_timeline .dev_roadmap_timeline_row .dev_roadmap_timeline_row_text a { 5230 | color: #c1cddb; 5231 | } 5232 | 5233 | .dev_main_featured .dev_main_featured_products .dev_main_featured_product .dev_main_featured_product_title { 5234 | color: #fff; 5235 | } 5236 | 5237 | .dev_main_featured .dev_main_featured_products .dev_main_featured_product:hover .dev_main_featured_product_title, .dev_main_platforms .dev_main_platform:hover .dev_main_platform_title { 5238 | color: #c1cddb; 5239 | } 5240 | 5241 | .dev_main_sep { 5242 | background-color: #484b4e; 5243 | } 5244 | 5245 | .dev_main_content .dev_main_content_header, .dev_main_platforms .dev_main_platform .dev_main_platform_title { 5246 | color: #fff; 5247 | } 5248 | 5249 | .dev_main_content .dev_main_content_breaker { 5250 | border-bottom-color: #484b4e; 5251 | } 5252 | 5253 | .dev_main_footer .dev_main_footer_section .dev_main_footer_section_title { 5254 | color: #6e8fb0; 5255 | } 5256 | 5257 | .dev_main_blog_post_more { 5258 | color: #fff; 5259 | margin-top: 0px; 5260 | } 5261 | 5262 | .wide .dev_req_result.has_res:hover { 5263 | background-color: #494d50; 5264 | } 5265 | 5266 | .dev_result_highlight .dev_result_block .dev_result_bracket, .dev_result_highlight .dev_result_block .dev_result_lbracket { 5267 | color: #fff; 5268 | } 5269 | 5270 | body.is_page { 5271 | background-color: #282B2F; 5272 | } 5273 | 5274 | .landing_desktop_messenger_description { 5275 | color: #fff; 5276 | } 5277 | 5278 | .landing_desktop_messenger_tools .landing_desktop_messenger_tool .tool_title { 5279 | color: #fff; 5280 | } 5281 | 5282 | .landing_desktop_messenger_tools .landing_desktop_messenger_tool .tool_caption { 5283 | color: #ababab; 5284 | } 5285 | 5286 | .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered .nim-dialog--photo .online.mobile:after, .nim-dialog:not(.nim-dialog_deleted):hover .nim-dialog--photo .online.mobile:after { 5287 | background-color: #494D50; 5288 | border-color: #494D50; 5289 | } 5290 | 5291 | .feed_row ~ .feed_row_fb_hidden .feed_row:first-child .feedback_row { 5292 | border-top-color: #5a5f63; 5293 | } 5294 | 5295 | .im-create.im-create_classic .im-create--footer { 5296 | background-color: #373b3e; 5297 | } 5298 | 5299 | .im-create .im-creation--item.im-creation--item_hovered, .im-create .im-creation--item:hover { 5300 | border-top-color: #494d50; 5301 | background-color: #494d50; 5302 | } 5303 | 5304 | .im-chat-input .eltt.page_video_autoplay_tt { 5305 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.39); 5306 | border-color: #494d50; 5307 | } 5308 | 5309 | .composer_wdd .wdd_list { 5310 | border-color: #494d50; 5311 | } 5312 | 5313 | .wdd_list { 5314 | border-color: #494d50; 5315 | } 5316 | 5317 | .wddi_over .wddi_sub { 5318 | color: #A5A5A5; 5319 | } 5320 | 5321 | .like_tt_bottom_page_friend_reply { 5322 | background-color: #373b3e !important; 5323 | } 5324 | 5325 | .page_friend_reply { 5326 | border-bottom-color: #484b4e; 5327 | } 5328 | 5329 | .feed_groups_hidden_list_show_btn { 5330 | color: #fff; 5331 | background-color: #494d50; 5332 | } 5333 | 5334 | .feed_groups_hidden_list_show_btn:hover { 5335 | background-color: #6786ab; 5336 | } 5337 | 5338 | .im-page.im-page_classic .im-chat-history-resize { 5339 | background-color: #282b2f; 5340 | } 5341 | 5342 | #side_bar_inner { 5343 | position: fixed !important; 5344 | margin-left: 0px !important; 5345 | margin-top: 42px !important; 5346 | top: 0px !important; 5347 | } 5348 | 5349 | .wall_module .reply { 5350 | background: transparent !important; 5351 | border-top-color: transparent !important; 5352 | border-bottom-color: transparent !important; 5353 | } 5354 | 5355 | ._wall_post_cont { 5356 | background: transparent !important; 5357 | } 5358 | 5359 | .tt_w.tt_black { 5360 | background: rgba(0, 0, 0, .7) !important; 5361 | } 5362 | 5363 | .tickets_post_form__panel { 5364 | border-top-color: #484b4e; 5365 | } 5366 | 5367 | .tickets_post_field { 5368 | background-color: #373b3e; 5369 | border-top-color: #484b4e; 5370 | } 5371 | 5372 | #marketplace .market_content .link { 5373 | color: #c1cddb; 5374 | } 5375 | 5376 | #marketplace .market_content .market_row.over { 5377 | background-color: #494d50; 5378 | box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.12); 5379 | } 5380 | 5381 | #marketplace .market_content .market_row .market_edit_actions { 5382 | background-color: rgb(73, 77, 80); 5383 | } 5384 | 5385 | .market_item_footer_info { 5386 | border-bottom-color: #494d50; 5387 | } 5388 | 5389 | .market_edit_item_box .result_list li.disabled { 5390 | border-top-color: #484b4e; 5391 | } 5392 | 5393 | .nim-peer.nim-peer_smaller.online:after { 5394 | border-color: #373b3e; 5395 | } 5396 | 5397 | .im-page--chat-header-in { 5398 | border-bottom-color: #484b4e; 5399 | } 5400 | 5401 | .im-page--toolsw { 5402 | background-color: #373b3e; 5403 | } 5404 | 5405 | .im-page--title-main-in { 5406 | color: #fff; 5407 | } 5408 | 5409 | .im-page_classic .im-page--chat-header { 5410 | border-color: #282b2f; 5411 | border-top-color: #282b2f; 5412 | border-left-color: #282b2f; 5413 | } 5414 | 5415 | .im-page_classic .im-page--chat-header-in { 5416 | box-shadow: 0 0 0 1px #494d50; 5417 | } 5418 | 5419 | .dev_page_cont .wk_header.dev_wk_head_bordered { 5420 | border-bottom-color: #484b4e; 5421 | } 5422 | 5423 | .wcm_chat { 5424 | background-color: #373b3e; 5425 | } 5426 | 5427 | .wcm_send_form { 5428 | background-color: #373b3e; 5429 | border-top-color: #494d50; 5430 | } 5431 | 5432 | .wcm_msg_wrap_unread { 5433 | background-color: #494d50; 5434 | } 5435 | 5436 | .wcm_msg { 5437 | background-color: #537496; 5438 | } 5439 | 5440 | .im-page--back-btn:hover { 5441 | background-color: #494d50; 5442 | } 5443 | 5444 | .bt_report_sidebar_wrap { 5445 | background-color: #373b3e; 5446 | } 5447 | 5448 | .bt_report_title_link { 5449 | color: #fff; 5450 | } 5451 | 5452 | .bt_report_row { 5453 | border-bottom-color: #484b4e; 5454 | } 5455 | 5456 | .bt_tag_label { 5457 | background-color: #484b4e; 5458 | color: #b5b5b5; 5459 | } 5460 | 5461 | .bt_tag_label.bt_tag_label_dark { 5462 | background-color: #484b4e; 5463 | } 5464 | 5465 | .bt_report_tags .bt_tag_label:hover { 5466 | background-color: #65696d; 5467 | } 5468 | 5469 | .bt_report_tags .bt_tag_label.bt_tag_label_dark:hover { 5470 | background-color: #65696d; 5471 | } 5472 | 5473 | .vk2017_snippet { 5474 | background-color: #494d50; 5475 | border: 1px solid rgba(255, 255, 255, 0.12); 5476 | } 5477 | 5478 | .landing_vk2017_title { 5479 | color: #C1CDDB; 5480 | } 5481 | 5482 | .landing_vk2017_caption { 5483 | color: #fff; 5484 | } 5485 | 5486 | .landing_vk2017_promise_name a { 5487 | color: #C1CDDB; 5488 | } 5489 | 5490 | .landing_vk2017_total { 5491 | color: #c1cddb; 5492 | } 5493 | 5494 | .landing_vk2017_form_info { 5495 | color: #fff; 5496 | } 5497 | 5498 | #vk2017_info > a { 5499 | color: #8EC5FF; 5500 | } 5501 | 5502 | .mott_header, .promoted_post_tt .header, .verified_tt_header, .wall_tt .header { 5503 | color: #fff; 5504 | } 5505 | 5506 | .tt_default.verified_tt.tt_down:after { 5507 | border-top-color: #373b3e; 5508 | } 5509 | 5510 | .tt_default.verified_tt.tt_down:before { 5511 | border-top-color: #484b4e; 5512 | } 5513 | 5514 | .im-page--title-main-inner { 5515 | color: #fff; 5516 | } 5517 | 5518 | .eltt.eltt_bottom.top_audio_layer:after { 5519 | border-bottom-color: #373b3e; 5520 | } 5521 | 5522 | .im-page--chat-header { 5523 | background-color: #373b3e; 5524 | } 5525 | 5526 | .im-page--toolsw { 5527 | border-bottom-color: #484b4e; 5528 | background-color: #373b3e; 5529 | } 5530 | 5531 | .im-page--back-btn:hover { 5532 | background: url(https://habrastorage.org/web/80b/ca6/16b/80bca616b72943b8b5432ab782bb011c.png) 13px 16px no-repeat, linear-gradient(90deg, #494d50 50%, #494d50); 5533 | background: url(https://habrastorage.org/web/80b/ca6/16b/80bca616b72943b8b5432ab782bb011c.png) 13px 16px no-repeat, -o-linear-gradient(90deg, #494d50 50%, #494d50); 5534 | } 5535 | 5536 | a.ui_box_header_link { 5537 | color: #fff; 5538 | } 5539 | 5540 | .wall_module .my_like .post_like_icon, .wall_module .my_share .post_share_icon { 5541 | -webkit-filter: contrast(2.4) hue-rotate(127deg) !important; 5542 | filter: contrast(2.4) hue-rotate(127deg) !important; 5543 | } 5544 | 5545 | .wall_module .my_like .like_icon, .wall_module .my_share .share_icon { 5546 | -webkit-filter: contrast(2.4) hue-rotate(127deg) !important; 5547 | filter: contrast(2.4) hue-rotate(127deg) !important; 5548 | } 5549 | 5550 | .pv_liked .pv_like_icon { 5551 | -webkit-filter: contrast(2.4) hue-rotate(127deg) !important; 5552 | filter: contrast(2.4) hue-rotate(127deg) !important; 5553 | } 5554 | 5555 | .post_like_icon, .post_reply_icon, .post_share_icon { 5556 | -webkit-filter: brightness(2) !important; 5557 | filter: brightness(2) !important; 5558 | } 5559 | 5560 | .post_upload_dropbox_inner { 5561 | border-color: #494d50; 5562 | } 5563 | 5564 | .post_upload_dropbox { 5565 | background-color: #373b3e; 5566 | color: #fff; 5567 | } 5568 | 5569 | .post_upload_dropbox.dropbox_over .post_upload_dropbox_inner { 5570 | background-color: #494d50; 5571 | } 5572 | 5573 | .right_list_field.right_list_field__common_text { 5574 | color: #c1cddb; 5575 | } 5576 | 5577 | .medadd_c_linkimg_big .medadd_c_linkhead { 5578 | color: #fff; 5579 | } 5580 | 5581 | .mv_subscribe_block .mv_subscribe_live_btn { 5582 | border-left-color: #373b3e; 5583 | } 5584 | 5585 | .settings_privacy_row { 5586 | border-color: #494d50; 5587 | } 5588 | 5589 | .post_author span.author { 5590 | color: #C4D1DE; 5591 | } 5592 | 5593 | .post_like, .post_reply, .post_share { 5594 | color: #C4D1DE; 5595 | } 5596 | 5597 | .wall_module .post_like:hover, .wall_module .post_reply:hover, .wall_module .post_share:hover { 5598 | background-color: #494d50; 5599 | } 5600 | 5601 | .post_like:hover, .post_reply:hover, .post_share:hover { 5602 | color: #ffffff; 5603 | } 5604 | 5605 | .shorten_list_row { 5606 | background-color: #373b3e; 5607 | border-bottom-color: #484b4e; 5608 | } 5609 | 5610 | .im-page .im-page--chat-search-empty { 5611 | background: url(https://habrastorage.org/web/6f4/51e/a60/6f451ea606d24b528336b89ec8aa2b98.png) no-repeat top; 5612 | color: #909090; 5613 | } 5614 | 5615 | .shortener_stats_header { 5616 | border-bottom-color: #484b4e; 5617 | } 5618 | 5619 | div.ui_actions_menu_wrap._ui_menu_wrap.shown > div.ui_actions_menu._ui_menu > a { 5620 | color: #fff; 5621 | } 5622 | 5623 | #pv_tags span { 5624 | color: #fff; 5625 | } 5626 | 5627 | .wl_post_actions_wrap .ui_actions_menu_more { 5628 | color: #eaeaea; 5629 | } 5630 | 5631 | .wall_module.wl_post .reply .reply_wrap { 5632 | border-top-color: #484b4e; 5633 | } 5634 | 5635 | .feed_blog_reminder_title a { 5636 | color: #c1cddb; 5637 | } 5638 | 5639 | .wl_replies_header.wl_replies_header_clickable { 5640 | color: #E4E6E9; 5641 | } 5642 | 5643 | .bt_comment_form { 5644 | background-color: #373b3e; 5645 | } 5646 | 5647 | .bt_sb_block { 5648 | border-top-color: #484b4e; 5649 | color: #dedede; 5650 | } 5651 | 5652 | .bt_report_cmt_author_a { 5653 | color: #c1cddb; 5654 | } 5655 | 5656 | .wall_module .post_like_count, .wall_module .post_like_link, .wall_module .post_reply_count, .wall_module .post_reply_link, .wall_module .post_share_count, .wall_module .post_share_link { 5657 | color: #fff; 5658 | } 5659 | 5660 | .video_desktop_live_intro_wrap { 5661 | background-color: #373b3e; 5662 | } 5663 | 5664 | .mv_live_gifts_block { 5665 | border-bottom-color: #484b4e; 5666 | } 5667 | 5668 | .mv_live_gifts_arrow_left:before, .mv_live_gifts_arrow_right:before { 5669 | background-color: #373b3e; 5670 | } 5671 | 5672 | .mv_live_gifts_arrow_left:hover:before, .mv_live_gifts_arrow_right:hover:before { 5673 | background-image: -o-linear-gradient(90deg, #494D50, #494D50); 5674 | background-image: linear-gradient(0deg, #494D50, #494D50); 5675 | } 5676 | 5677 | .mv_live_gifts_arrow_right { 5678 | border-left-color: #484b4e; 5679 | } 5680 | 5681 | .mv_live_gifts_supercomment { 5682 | border-left-color: #484b4e; 5683 | color: #fff; 5684 | } 5685 | 5686 | .mv_live_gifts_supercomment:hover { 5687 | background-color: #494d50; 5688 | } 5689 | 5690 | .mv_live_gifts_item:hover { 5691 | background-color: #494d50; 5692 | } 5693 | 5694 | .mv_live_gifts_arrow_left { 5695 | border-right-color: #484b4e; 5696 | } 5697 | 5698 | .eltt.feature_intro_tt.eltt_top:before, .eltt.feature_intro_tt.eltt_top:after { 5699 | background-color: #373b3e; 5700 | } 5701 | 5702 | .mv_live_gifts_item.active { 5703 | background-color: #484b4e; 5704 | } 5705 | 5706 | .im-mess .im-mess--post { 5707 | border-left-color: #484B4E; 5708 | } 5709 | 5710 | .mv_live_gifts_supercomment.active { 5711 | background-color: #484b4e; 5712 | } 5713 | 5714 | .mv_live_gift_popup_description { 5715 | color: #fff; 5716 | } 5717 | 5718 | .im-page .im-page--clear-recent { 5719 | color: #fff; 5720 | } 5721 | 5722 | .settings_history_table tr td { 5723 | border-bottom-color: #484b4e; 5724 | } 5725 | 5726 | .settings_votes_income .settings_history_amount { 5727 | color: #939393; 5728 | } 5729 | 5730 | .gtop_complex_message .gtop_content .gtop_header { 5731 | color: #c1cddb; 5732 | } 5733 | 5734 | .gtop_complex_message .gtop_content .gtop_message { 5735 | color: #fff; 5736 | } 5737 | 5738 | .good_browser:hover { 5739 | background-color: #494d50; 5740 | } 5741 | 5742 | #dev_left_nav, .dev_section_methods_wrap { 5743 | background-color: #373b3e; 5744 | box-shadow: 0 1px 0 0 #484b4e, 0 0 0 1px #484b4e; 5745 | } 5746 | 5747 | .dev_section_methods_wrap .dev_section_search_wrap { 5748 | border-bottom-color: #484b4e; 5749 | } 5750 | 5751 | .dev_section_methods_wrap .dev_section_search_input:hover { 5752 | background-color: #494d50; 5753 | } 5754 | 5755 | .dev_section_methods_wrap .dev_section_search_result_wrap { 5756 | box-shadow: 0 1px 3px rgba(0, 0, 0, .6); 5757 | border-color: #484b4e; 5758 | background-color: #373b3e; 5759 | } 5760 | 5761 | .dev_section_methods_wrap .dev_section_search_result_item { 5762 | color: #fff; 5763 | } 5764 | 5765 | .dev_section_methods_wrap .dev_section_search_result_item.over { 5766 | background-color: #494d50; 5767 | } 5768 | 5769 | .dev_section_methods_wrap .dev_section_search_input:focus { 5770 | color: #fff; 5771 | background-color: #494d50; 5772 | } 5773 | 5774 | .dev_method_block .dev_method_block_title { 5775 | border-bottom-color: #484b4e; 5776 | } 5777 | 5778 | .group_api_blockquote { 5779 | background-color: #494d50; 5780 | } 5781 | 5782 | .dev_row_separator { 5783 | border-bottom-color: #494d50; 5784 | box-shadow: 0 1px 0 0 #494d50; 5785 | } 5786 | 5787 | .group_help_desc { 5788 | color: #bfbfbf; 5789 | } 5790 | 5791 | .medadd_inline_editable:hover { 5792 | background-color: #494d50; 5793 | } 5794 | 5795 | #profile_groups_link:hover { 5796 | background-color: #494d50; 5797 | } 5798 | 5799 | .audio_section_promo__title { 5800 | color: #fff; 5801 | } 5802 | 5803 | .audio_page_layout .audio_item__title, .audio_page_layout .audio_item__title > a { 5804 | color: #fff; 5805 | } 5806 | 5807 | .audio_page_layout .audio_friends_list { 5808 | background-color: #373b3e; 5809 | } 5810 | 5811 | .audio_row:not(.audio_row_current):hover .audio_row_inner { 5812 | background-color: #494d50; 5813 | } 5814 | 5815 | .audio_page_layout .audio_page_separator { 5816 | background-color: #484b4e; 5817 | } 5818 | 5819 | .audio_page_layout .has_friends_block .audio_page__rows_wrap { 5820 | border-right-color: #484b4e; 5821 | } 5822 | 5823 | .audio_row.audio_row_current .audio_row_inner, .audio_row.audio_row_playing .audio_row_inner, .audio_row.audio_row_current .audio_row_inner:hover, .audio_row.audio_row_playing .audio_row_inner:hover { 5824 | background-color: #494d50; 5825 | } 5826 | 5827 | .audio_row.audio_row_current .audio_row_inner, .audio_row.audio_row_playing .audio_row_inner, .audio_row.audio_row_current .audio_row_inner:hover, .audio_row.audio_row_playing .audio_row_inner:hover { 5828 | background-color: #494d50; 5829 | } 5830 | 5831 | .audio_page_player.audio_page_player_fixed { 5832 | background-color: #373b3e; 5833 | box-shadow: 0 1px 0 0 rgb(73, 77, 80); 5834 | } 5835 | 5836 | .audio_page_layout .audio_recoms_blocks .recoms_special_block_title, .audio_page_layout .audio_section__recoms .recoms_special_block_title { 5837 | color: #fff; 5838 | } 5839 | 5840 | .audio_feed_post { 5841 | border-bottom-color: #484b4e; 5842 | } 5843 | 5844 | .ui_tab, .ui_tabs .ui_tab { 5845 | color: #b9b9b9; 5846 | } 5847 | 5848 | .eltt.eltt_bottom.eltt_arrow_size_normal .eltt_arrow_back { 5849 | border-bottom-color: #494d50; 5850 | } 5851 | 5852 | .eltt.eltt_bottom.eltt_arrow_size_normal .eltt_arrow { 5853 | border-bottom-color: #373b3e; 5854 | } 5855 | 5856 | #audio_status_tt .audio_status_sep { 5857 | background-color: #494d50; 5858 | } 5859 | 5860 | .audio_layer_container .audio_page_player { 5861 | background-color: #373b3e; 5862 | border-bottom-color: #494d50; 5863 | } 5864 | 5865 | .audio_layer_container .audio_page__footer { 5866 | border-top-color: #494d50; 5867 | } 5868 | 5869 | #audio_layer_tt > .eltt_arrow_back .eltt_arrow { 5870 | border-bottom-color: #373b3e; 5871 | } 5872 | 5873 | .audio_pl_edit_box .ape_header { 5874 | background-color: #373b3e; 5875 | border-bottom-color: #484b4e; 5876 | } 5877 | 5878 | .audio_pl_edit_box .ape_add_audios_btn, .audio_pl_edit_box .ape_add_pl_audios_btn { 5879 | border-bottom-color: #484b4e; 5880 | } 5881 | 5882 | .audio_pl_edit_box .ape_add_audios_btn:hover, .audio_pl_edit_box .ape_add_pl_audios_btn:hover { 5883 | background-color: #494d50; 5884 | } 5885 | 5886 | .audio_pl_edit_box .ape_list_header { 5887 | color: #fff; 5888 | background-color: #373b3e; 5889 | } 5890 | 5891 | .story_feed_new_item .stories_feed_item_ava { 5892 | border-color: #fff; 5893 | } 5894 | 5895 | .story_feed_new_item .stories_feed_item_name { 5896 | color: #fff; 5897 | } 5898 | 5899 | .feed_blog_reminder_large .feed_blog_reminder_text { 5900 | color: #adadad; 5901 | } 5902 | 5903 | .feed_blog_reminder_large .feed_blog_reminder_title { 5904 | color: #fff; 5905 | } 5906 | 5907 | .feed_blog_reminder_link { 5908 | color: #fff; 5909 | } 5910 | 5911 | .audio_layer_container .audio_friend:hover { 5912 | background-color: #494d50; 5913 | } 5914 | 5915 | .audio_pl_snippet .audio_pl_snippet__header { 5916 | background-color: #494d50; 5917 | border-bottom-color: #5f6265; 5918 | } 5919 | 5920 | .audio_pl_snippet { 5921 | border-color: #5f6265; 5922 | background-color: #373b3e; 5923 | } 5924 | 5925 | .audio_pl_snippet .audio_pl_snippet__more_btn { 5926 | color: #c1cddb; 5927 | } 5928 | 5929 | .audio_pl_snippet .audio_pl_snippet__info_title { 5930 | color: #fff; 5931 | } 5932 | 5933 | .audio_pl_snippet .audio_pl_snippet__info_author > a { 5934 | color: #a9a9a9; 5935 | } 5936 | 5937 | .audio_pl_snippet .audio_pl_snippet__info_line { 5938 | color: #a9a9a9; 5939 | } 5940 | 5941 | .story_view_answer_form_cont { 5942 | background: #373b3e; 5943 | border: 1px solid #5f6265; 5944 | } 5945 | 5946 | .story_view_feedback_button_arrow { 5947 | background: none; 5948 | } 5949 | 5950 | .stories_feed_arrow_left, .stories_feed_arrow_right { 5951 | border-color: rgb(72, 75, 78); 5952 | background-color: #373b3e; 5953 | } 5954 | 5955 | .stories_feed_arrow_left:hover, .stories_feed_arrow_right:hover { 5956 | background: -o-linear-gradient(bottom, #373b3e, #494d50, #373b3e); 5957 | background: linear-gradient(0deg, #373b3e, #494d50, #373b3e); 5958 | } 5959 | 5960 | .audio_page_player .audio_page_player__cover { 5961 | background-color: #282b2f; 5962 | } 5963 | 5964 | .audio_pl_item .audio_pl__cover { 5965 | background-color: #282b2f; 5966 | } 5967 | 5968 | .stories_feed_item_name { 5969 | color: #c1cddb; 5970 | } 5971 | 5972 | .wdd_add3 { 5973 | color: #fff; 5974 | } 5975 | 5976 | .wdd_add_plus { 5977 | -webkit-filter: brightness(5); 5978 | filter: brightness(5); 5979 | } 5980 | 5981 | .tt_default_right.tt_up:before { 5982 | border-bottom-color: #484b4e; 5983 | } 5984 | 5985 | .tt_default_right.tt_up:after { 5986 | border-bottom-color: #373b3e; 5987 | } 5988 | 5989 | .eltt.eltt_top.eltt_arrow_size_normal .eltt_arrow_back { 5990 | border-top-color: #484b4e; 5991 | } 5992 | 5993 | .eltt.eltt_top.eltt_arrow_size_normal .eltt_arrow { 5994 | border-top-color: #373b3e; 5995 | } 5996 | 5997 | .im-page .im-page--top-date-bar_visible .im-page--history-new-bar_days.im-page--date-bar-transition > span { 5998 | border-color: #484b4e; 5999 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3); 6000 | } 6001 | 6002 | .audio_pl_edit_box .ape_audio_item_wrap .ape_attach { 6003 | color: #fff; 6004 | } 6005 | 6006 | .audio_pl_edit_box .ape_pl_item .ape_pl_item_inner { 6007 | border-bottom-color: #484b4e; 6008 | } 6009 | 6010 | .audio_pl_edit_box .ape_pl_item:hover { 6011 | background-color: #494d50; 6012 | border-top-color: #494d50; 6013 | border-bottom-color: #494d50; 6014 | } 6015 | 6016 | .ok_msg { 6017 | background-color: #484b4e; 6018 | } 6019 | 6020 | .video_upload_tc_wrap .video_tc_upload_btn { 6021 | background-color: #484b4e; 6022 | color: #fff; 6023 | } 6024 | 6025 | .video_upload_tc_wrap .video_tc_item { 6026 | background-color: #373b3e; 6027 | } 6028 | 6029 | .video_upload_tc_wrap .video_tc_upload_btn:hover { 6030 | background-color: #575b5f; 6031 | } 6032 | 6033 | .video_upload_tc_wrap .video_tc_item:hover { 6034 | background-color: #373b3e; 6035 | } 6036 | 6037 | #video_playlists_edit_box .pl_size { 6038 | color: #fff; 6039 | } 6040 | 6041 | .videos_edit_main_album_description { 6042 | color: #fff; 6043 | } 6044 | 6045 | .video_item .video_restore { 6046 | background-color: hsla(210, 4%, 29%, 0.6); 6047 | } 6048 | 6049 | .video_upload_link_header { 6050 | color: #c1cddb; 6051 | } 6052 | 6053 | #mv_publish { 6054 | background-color: #373b3e; 6055 | border-bottom-color: #484b4e; 6056 | } 6057 | 6058 | .audio_pl_snippet .audio_pl_snippet__description { 6059 | color: #fff; 6060 | } 6061 | 6062 | .bottom_row { 6063 | border-top-color: #484b4e; 6064 | background-color: #373b3e; 6065 | } 6066 | 6067 | .post_friend_liked { 6068 | border-color: #373b3e; 6069 | } 6070 | 6071 | .post_top_info_wall_reply { 6072 | box-shadow: 0 0 0 1px #484b4e, 0 1px 0 0 #484b4e; 6073 | } 6074 | 6075 | .post_top_info_wall_reply_text, .post_top_info_wall_like_text { 6076 | color: #fff; 6077 | } 6078 | 6079 | .login_bad_link_header { 6080 | color: #fff; 6081 | } 6082 | 6083 | #mv_pl_tt .mv_tt_playlists.with_border { 6084 | border-top: 1px solid #484b4e; 6085 | } 6086 | 6087 | .flat_button { 6088 | color: #fff !important; 6089 | } 6090 | 6091 | .app_widget_matches { 6092 | color: #fff; 6093 | } 6094 | 6095 | .app_widget_matches_score, .app_widget_matches_team_a, .app_widget_matches_team_b { 6096 | border-top-color: #494d50; 6097 | } 6098 | 6099 | .audio_row:hover:not(.audio_row__current) .audio_row_content { 6100 | background-color: #494d50; 6101 | } 6102 | 6103 | ._audio_section__search .audio_row.audio_has_lyrics .audio_row__title_inner, .ap_layer__content .audio_row.audio_has_lyrics .audio_row__title_inner, .audio_page__audio_rows .audio_row.audio_has_lyrics .audio_row__title_inner, .audio_section_global_search__audios_block .audio_row.audio_has_lyrics .audio_row__title_inner { 6104 | color: #8ec5ff; 6105 | } 6106 | 6107 | .audio_w_covers .audio_row.ui_gridsorter_moveable .audio_row_content { 6108 | background-color: #494d50; 6109 | } 6110 | 6111 | .audio_row .audio_row__lyrics .audio_row__lyrics_inner { 6112 | color: #e2e2e2; 6113 | } 6114 | 6115 | .audio_row.audio_row__current .audio_row_content { 6116 | background-color: #494d50; 6117 | } 6118 | 6119 | .audio_w_covers .audio_row .audio_row__cover { 6120 | background-image: url(https://habrastorage.org/web/5fc/8e6/47f/5fc8e647fa1147259ef14e18bb6019d1.png); 6121 | } 6122 | 6123 | .audio_row__more_actions .audio_row__more_action { 6124 | color: #e2e2e2; 6125 | } 6126 | 6127 | .audio_row__more_actions .audio_row__more_action:hover { 6128 | background-color: #494d50; 6129 | } 6130 | 6131 | .eltt.eltt_bottom.eltt_arrow_size_normal > .eltt_arrow_back .eltt_arrow { 6132 | border-bottom-color: #373b3e; 6133 | } 6134 | 6135 | .audio_row .audio_row__performer { 6136 | color: #8EC5FF; 6137 | } 6138 | 6139 | .ap_layer .audio_pl_snippet .audio_pl_snippet__header_inner { 6140 | background-color: #494d50; 6141 | } 6142 | 6143 | .audio_pl_snippet .audio_pl_snippet__stats { 6144 | color: #fff; 6145 | } 6146 | 6147 | } 6148 | 6149 | @-moz-document url-prefix("https://vk.com/widget_comments"), url-prefix("http://vk.com/widget_comments") { 6150 | .fakeinput, div[contenteditable=true], input.big_text, input.dark, input.search, input.text, textarea { 6151 | background: #fff; 6152 | border-color: #d3d9de; 6153 | } 6154 | 6155 | .submit_post { 6156 | background: #fafbfc; 6157 | border-top-color: #d3d9de; 6158 | } 6159 | 6160 | .wall_module .reply_form { 6161 | background-color: #fafbfc; 6162 | } 6163 | 6164 | .ui_actions_menu_item:hover { 6165 | background-color: #e4eaf0; 6166 | } 6167 | 6168 | .emoji_tt_wrap.tt_up:before { 6169 | border-bottom-color: #c5d0db; 6170 | } 6171 | 6172 | .emoji_tt_wrap.tt_up:after { 6173 | border-bottom-color: #fff; 6174 | } 6175 | 6176 | .ui_scroll_default_theme.ui_scroll_emoji_theme .ui_scroll_shadow_bottom, .ui_scroll_default_theme.ui_scroll_emoji_theme .ui_scroll_shadow_top { 6177 | background: url(https://vk.com/images/emoji_sprite.png?11) 0 -29px; 6178 | } 6179 | 6180 | .emoji_sprite { 6181 | background-image: url(https://vk.com/images/emoji_sprite.png?11); 6182 | } 6183 | 6184 | .replies_open, .wr_header { 6185 | color: #55677d; 6186 | background: #f0f2f5; 6187 | } 6188 | 6189 | .replies_open:hover, .wr_header:hover { 6190 | background-color: #C4D1DE; 6191 | } 6192 | 6193 | #page_wrap, .wall_module .reply_box, .wall_module .reply_fakebox_wrap { 6194 | background-color: #fff; 6195 | } 6196 | 6197 | body, .fakeinput, .fakeinput ~ .placeholder .ph_input, div[contenteditable=true], div[contenteditable=true] ~ .placeholder .ph_input, input.big_text, input.big_text ~ .placeholder .ph_input, input.dark, input.dark ~ .placeholder .ph_input, input.search, input.search ~ .placeholder .ph_input, input.text, input.text ~ .placeholder .ph_input, textarea, textarea ~ .placeholder .ph_input { 6198 | color: #000; 6199 | } 6200 | 6201 | .post_author .author, .wall_module .author, .wall_module .copy_author, a { 6202 | color: #2a5885; 6203 | } 6204 | 6205 | .ui_actions_menu, .emoji_tt_wrap { 6206 | background-color: #fff; 6207 | border-color: #c5d0db; 6208 | } 6209 | 6210 | .emoji_bg, .emoji_tabs, .emoji_tabs_l_s, .emoji_tabs_r_s { 6211 | background: #ebeef2; 6212 | } 6213 | 6214 | .wall_module .reply_fakebox, .emoji_tab_sel, .emoji_tab_sel:hover { 6215 | background: #fff; 6216 | } 6217 | 6218 | `); 6219 | --------------------------------------------------------------------------------