Стиль и цвета как на мобильной версии VK - теперь и на компьютерной версии
VK Desktop - mobile-like style by thejenja
Details
Authorthejenja
LicenseNo License
Categoryvk
Created
Updated
Size2.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}