Skip to content

VK Desktop - mobile-like style by thejenja

Screenshot of VK Desktop - mobile-like style

Details

Authorthejenja

LicenseNo License

Categoryvk

Created

Updated

Size2.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Стиль и цвета как на мобильной версии VK - теперь и на компьютерной версии

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         VK Desktop - mobile-like style
@version      20241010.06.18
@namespace    https://userstyles.world/user/thejenja
@description  Стиль и цвета как на мобильной версии VK - теперь и на компьютерной версии
@author       thejenja
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://vk.com/") {
:root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkCom--light, .vkui--vkCom--dark, [scheme=vkcom_light], [scheme=vkcom_dark], [scheme=bright_light], [scheme=space_gray] {
    --header-height: 56px;
    --vkui--font_headline1--font_size--compact: 14px;
    --vkui--font_headline1--line_height--compact: 18px;
    --vkui--font_text--font_size--compact: 13px;
    --vkui--font_text--line_height--compact: 16px;
    --vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_family_accent: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    --vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
}

[scheme=vkcom_dark], .vkui--vkBase--dark, .vkui--vkCom--dark {
    --vkui--color_header_background: #19191a;
    --vkui--color_separator_secondary: transparent;
    --vkui--color_background: #0a0a0a;
    --vkui--color_background_content: #19191a;
    --vkui--size_border_radius_paper--regular: 18px;
    --vkui--color_background_secondary: #232324;
    --vkui--color_icon_accent: #529ef4;
    --vkui--color_background_modal: #1c1d1e;
}
#page_header_cont {
    background-color: var(--vkui--color_header_background);
    border-bottom: 1px solid var(--vkui--color_separator_secondary);
}
.page_block {
    background: var(--vkui--color_background_content);
    border-radius: var(--vkui--size_border_radius_paper--regular);
    box-shadow: none;
}
.vkuiSearch__field {
    border-radius: 8px;
}
.LeftMenuItem-module__item--XGOpM {
    height: 40px;
    padding: 5px 10px;
    border-radius: 8px;
}
.LeftMenuItem-module__icon--niwaL svg {
    height: 24px;
    width: 24px;
}

.LeftMenuItem-module__counter--VM1_w {
    font-weight: 400;
}
.TopNavBtn {
    border-radius: 50px;
    transition: .1s
}

[scheme=vkcom_dark] .PostHeaderTitle__authorName{
    color: #E1E3E6
}

[scheme=vkcom_dark] .PostHeaderSubtitle .PostHeaderSubtitle__link{
    color: #76787A;
}

.PostHeaderSubtitle .PostHeaderSubtitle__link{
    font-size: 12px;
}
.ModalHeader-module__title--xd9sv{
    font-family: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
    font-size: 20px;
    font-weight: 500;
}
}

Reviews

No reviews yet.