VK style fixes

Stylesheet that improves the current VK interface.

Colored icons

Fixed sidebar

The sidebar is always available regardless of scrolling.

Colored bar

Hide call buttons 📞

Protection against accidental calls. Phone button won't be shown.

Highlighting messages

• Unread messages
• Editable messages
• Dialogues unread by owner
• Dialogues unread by other users

Highlighting users online

Users online become more visible.

Background image and transparent interface

Style with light theme: Style with dark theme: Source: bilibili.

• VK theme: Dark (set in the account menu)
• Colored bar: ✅
• Bar color: 29, 10, 5, 0.8
• Custom link color: ✅
• Link color: 255, 165, 0, 1
• Background image URL: 'https://safebooru.org//images/3466/554ff3d9e9eb8b536e038a3ae79ac4c500d35b9c.jpg'
• Translucent panels: ✅
• Panels color: 29, 10, 5, 0.8

Stylesheet settings in Stylus

Installation

1. Install Stylus for Firefox, Chrome, Opera.
2. Click Install from here.
3. Click "Install style" in the opened tab.

Questions

May I set background image from a local file?

You can only set a background image from web - due to web browsers security politics. However, you also can encode your image to BASE64 format:

On Windows (PowerShell):

[convert]::ToBase64String((Get-Content .\background.png -Encoding Byte)) > background.base64.txt

On GNU/Linux:

base64 -w 0 ./background.png > background.base64.txt

and paste it into the "Background image URL" field in the form:

"data:image/YOUR_IMAGE_FORMAT;base64,YOUR_IMAGE_CODE"

for example:

"data:image/png;base64,iVBORw0KG......"

But please be careful, extension slows down a lot when style settings window is opened. You should not encode large images.