Skip to content

VKUI for OpenVK by thejenja

Screenshot of VKUI for OpenVK
Homepage Write a review Install Get Stylus

Details

Authorthejenja

LicenseNo License

Categoryopenvk, ovk.to, vepurovk.xyz

Created

Updated

Size141 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

En: A theme inspired by modern VK design

Ru: Тема, вдохновлённая современным дизайном VK

Notes

Дополнения

Также вы можете установить пользовательский скрипт, он позволяет

  • убрать надоедливые скобки в счётчике друзей
  • добавляет кнопки в верхнем меню (уведомления)
  • меняет порядок разделов
  • переименовывает разделы (только на русском)
  • убирает "Мои" в начале разделов в левом меню (доступно на русском, украинском и английском)

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         VKUI for OpenVK
@version      20240903.17.41
@namespace    https://userstyles.world/user/thejenja
@description  En: A theme inspired by modern VK designRu: Тема, вдохновлённая современным дизайном VK
@author       thejenja
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://ovk.to/"), url-prefix("https://vepurovk.xyz/"), url-prefix("https://social.fetbuk.ru/") {
@import url(https://rsms.me/inter/inter.css);

@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);

html {
    color-scheme: dark !important;
}
* {
    font-family: "Roboto", "Inter" !important
}

body {
    color: #e1e3e6;
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,arial,Tahoma,verdana,sans-serif;
    line-height: 1.154;
    font-size: 13px !important;
    font-weight: 400;
    background: #141414 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAwAQMAAAAByjnBAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFIiIiKSkpb1F8ywAAAA1JREFUeJxjYKApOAAAASAAwSaHGcAAAAAASUVORK5CYII=) repeat-x!important
}

.page_body {
    background-color: #222
}

.scrolled .page_header{
    position: fixed;
    z-index: 2;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAwAQMAAAAByjnBAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFIiIiKSkpb1F8ywAAAA1JREFUeJxjYKApOAAAASAAwSaHGcAAAAAASUVORK5CYII=) repeat-x!important;
}
.scrolled .page_header:before{
    content: '';
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAwAQMAAAAByjnBAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFIiIiKSkpb1F8ywAAAA1JREFUeJxjYKApOAAAASAAwSaHGcAAAAAASUVORK5CYII=) repeat-x!important;
    width: 100%;
    height: 48px;
    position: fixed;
    left: 0;
    z-index: -1
}

.scrolled .navigation{
    position: fixed;
    width: 164px;
    top: 58px;
}

.page_header {
    width: 1076px;
    height: 48px;
    background: 0 0;
    transition: .5s
}

.home_button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI3NiA0OCIgd2lkdGg9IjI3NiIgaGVpZ2h0PSI0OCI+PHN0eWxlPi5he2ZpbGw6IzA3Zn0uYntmaWxsOiNmZmZ9LmN7ZmlsbDojZTFlM2U2fTwvc3R5bGU+PHBhdGggY2xhc3M9ImEiIGQ9Im0wIDIzYzAtMTAuOCAwLTE2LjMgMy40LTE5LjYgMy4zLTMuNCA4LjgtMy40IDE5LjYtMy40aDJjMTAuOCAwIDE2LjMgMCAxOS42IDMuNCAzLjQgMy4zIDMuNCA4LjggMy40IDE5LjZ2MmMwIDEwLjggMCAxNi4zLTMuNCAxOS42LTMuMyAzLjQtOC44IDMuNC0xOS42IDMuNGgtMmMtMTAuOCAwLTE2LjMgMC0xOS42LTMuNC0zLjQtMy4zLTMuNC04LjgtMy40LTE5LjZ6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0iYiIgZD0ibTM4LjQgMjUuMmMtMC4yIDMuNS0xLjEgNi4yLTIuOCA4LjYtMi4xIDIuOC01LjMgNC40LTkuMyA0LjktMy41IDAuMy02LjgtMC4yLTkuNC0xLjQtMy41LTEuNy01LjktNS02LjgtOS4yLTAuMy0xLjUtMC4zLTIuMi0wLjMtNC4xIDAtMS45IDAtMi42IDAuMy00IDEuMS02IDUuMi05LjggMTEuMy0xMC42IDIuMi0wLjMgNS4yLTAuMiA3LjIgMC40IDMuOCAwLjkgNi42IDMuMSA4LjIgNi41IDEuMiAyLjQgMS44IDUuNSAxLjYgOC45em0tMTAuOSA2LjFjMC45LTAuOSAxLjYtMi40IDEuOS00LjQgMC4yLTEuMSAwLjItNC40IDAtNS42LTAuNC0yLjgtMS41LTQuNi0zLTUuNC0wLjctMC4zLTEuMy0wLjQtMi4zLTAuNC0xLjUgMC0yLjUgMC4zLTMuMyAxLjEtMSAxLTEuNyAyLjQtMiA0LjQtMC4yIDEuNS0wLjIgNC40IDAgNS45cTAgMC4zIDAuMSAwLjYgMC4xIDAuMyAwLjEgMC42IDAuMSAwLjMgMC4yIDAuNiAwLjEgMC4zIDAuMiAwLjZjMC44IDEuOSAxLjkgMi44IDMuOCAzLjEgMS41IDAuMyAzLjMtMC4yIDQuMy0xLjF6Ii8+PHBhdGggY2xhc3M9ImMiIGQ9Im03NS4zIDM1LjRxLTMuMyAwLTUuOS0xLjQtMi42LTEuNC00LTMuOC0xLjUtMi41LTEuNS01LjcgMC0zLjEgMS41LTUuNiAxLjQtMi41IDQtMy45IDIuNi0xLjQgNS45LTEuNCAzLjMgMCA1LjkgMS40IDIuNiAxLjQgNCAzLjkgMS40IDIuNSAxLjQgNS42IDAgMy4yLTEuNCA1LjctMS40IDIuNC00IDMuOC0yLjYgMS40LTUuOSAxLjR6bTAtNC45cTIuNSAwIDQuMS0xLjcgMS42LTEuNiAxLjYtNC4zIDAtMi42LTEuNi00LjMtMS42LTEuNi00LjEtMS42LTIuNiAwLTQuMiAxLjYtMS41IDEuNy0xLjUgNC4zIDAgMi43IDEuNSA0LjMgMS42IDEuNyA0LjIgMS43em0yMC41IDEyLjdoLTUuNHYtMjkuMmg0LjJsMSAzLjNxMS4yLTEuNSAzLjItMi41IDIuMS0xLjIgNC42LTEuMiAzIDAgNS4zIDEuNCAyLjMgMS40IDMuNiAzLjkgMS4zIDIuNSAxLjMgNS42IDAgMy4xLTEuMyA1LjYtMS4zIDIuNS0zLjYgMy45LTIuMyAxLjQtNS4zIDEuNC0yLjQgMC00LjQtMS0xLjktMS0zLjItMi40em02LjItMTIuNnEyLjYgMCA0LjMtMS43IDEuNy0xLjcgMS43LTQuNCAwLTIuNi0xLjctNC4zLTEuNy0xLjgtNC4zLTEuOC0yLjggMC00LjUgMS44LTEuNyAxLjctMS43IDQuMyAwIDIuNyAxLjcgNC40IDEuNyAxLjcgNC41IDEuN3ptMzYuMy02LjRxMCAwLjgtMC4xIDEuN2gtMTYuNXEwLjQgMi4yIDEuOSAzLjUgMS42IDEuMiAzLjkgMS4yIDEuNiAwIDIuOC0wLjYgMS4zLTAuNiAyLTEuNmw1LjEgMC44cS0xLjEgMy0zLjkgNC42LTIuOSAxLjYtNi4zIDEuNi0zLjIgMC01LjctMS40LTIuNS0xLjQtMy45LTMuOS0xLjQtMi41LTEuNC01LjYgMC0zLjEgMS40LTUuNiAxLjQtMi41IDQtMy45IDIuNS0xLjQgNS42LTEuNCAzLjIgMCA1LjcgMS40IDIuNSAxLjQgMy45IDMuOSAxLjUgMi40IDEuNSA1LjN6bS0xMS4xLTZxLTEuOCAwLTMuMiAxLTEuNCAxLjEtMiAyLjhoMTAuNHEtMC42LTEuNy0yLTIuOC0xLjMtMS0zLjItMXptMTkuOCAxNi44aC01LjR2LTIxaDQuMmwxIDMuMXExLTEuNiAyLjYtMi41IDEuNy0xIDMuNi0xIDIuMiAwIDQuMSAxLjIgMS44IDEuMSAyLjkgMy4yIDEgMiAxIDQuNHYxMi42aC01LjR2LTExLjhxMC0yLjEtMS4yLTMuNC0xLjItMS40LTMtMS40LTIgMC0zLjIgMS40LTEuMiAxLjItMS4yIDMuNHptMzguOC0yMWwtNy43IDIxaC03LjNsLTcuNi0yMWg1LjdsNS4yIDE1aDAuOWw1LjMtMTV6bTEzLjYgMTBsOS40IDExaC02LjhsLTYuOS04LjJoLTF2OC4yaC01LjR2LTI4LjJoNS40djE1LjJoMWw2LjctOGg2LjN6Ii8+PC9zdmc+");
    background-size: 136px;
    background-position: 0 12px;
    background-repeat: no-repeat;
    margin-left: 15px
}

.layout {
    width: 1106px
}

.sidebar {
    width: 164px;
    margin: 10px 8px 0 10px;
    transition: .5s;
}

#wallAttachmentMenu>a,.navigation .link {
    color: #e1e3e6;
    display: flex;
    align-items: center
}

.navigation .link {
    padding: 0 0 0 10px;
    border: 0;
    font-size: 13px!important;
    margin-bottom: 0;
    height: 30px;
    border-radius: 4px;
    display: flex;
}
.navigation .group_link {
    height: 30px !important;
    padding-top: 0px !important;
    display: flex !important;
    
}
#wallAttachmentMenu>.header,.content>table td[width="120"],a.link.edit-button, div.left_small_block > br, div.left_small_block > br, #votesBalance,.floating_sidebar.show {
    display: none
}
.summaryBar{
    border: 0;
}
input[style="width:603px;"], #editor, .monaco-editor, .monaco-editor .overflow-guard{
    width: 100% !important;
}
.monaco-editor .margin, .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input{
    background-color: #333 !important;
}

.page_body {
    width: 911px;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
    font-size: 11px;
    text-align: left;
    border-radius: 12px;
    border: 1px solid #424242
}

input[type=email],input[type=password],input[type=phone],input[type=search],input[type=text],input[type~=email],input[type~=password],input[type~=phone],input[type~=text] {
    width: 100%;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.16);
    background-color: #333;
    color: #e1e3e6
}

input[type~=date],input[type~=search],select,textarea {
    padding: 8px 12px !important;
    border: 1px solid rgba(255,255,255,.16)
}

input[type~=date],select,textarea {
    width: 100%;
    font-size: 13px;
    border-radius: 8px;
    background-color: #333;
    color: #e1e3e6
}

#wallAttachmentMenu>a {
    font-size: 13px;
    gap: 5px;
    padding: 7px 22px 7px 8px;
    cursor: pointer;
    width: 110px
}

#wallAttachmentMenu>a:hover,.bsdn_contextMenuElement:hover, .audioEntry:hover, .attachAudio:hover {
    background-color: rgba(255,255,255,.08)
}

#wallAttachmentMenu,.bsdn_contextMenu {
    position: absolute;
    border: 1px solid #424242;
    background-color: #292929;
    z-index: 32;
    margin-top: 20px;
    margin-left: -6px;
    box-shadow: none
}

img[src="/assets/packages/static/openvk/img/oxygen-icons/16x16/mimetypes/application-x-egon.png"] {
    content: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M5.5 5.5c.57 0 1-.2 1.34-.52.24-.24.43-.54.55-.74l.06-.1c.15-.23.26-.37.39-.47.11-.08.3-.17.66-.17h3c.36 0 .55.09.66.17.13.1.24.24.4.48l.05.09c.12.2.3.5.55.74.33.32.77.52 1.34.52.73 0 .99 0 1.19.04.9.18 1.59.88 1.77 1.77.04.2.04.46.04 1.19v3.45c0 .85 0 1.45-.04 1.9-.04.46-.1.72-.2.92-.22.42-.57.77-.99.98-.2.1-.46.17-.91.21-.46.04-1.06.04-1.91.04h-6.9c-.85 0-1.45 0-1.91-.04a2.4 2.4 0 0 1-.91-.2 2.25 2.25 0 0 1-.99-.99 2.4 2.4 0 0 1-.2-.91c-.04-.46-.04-1.06-.04-1.91V8.5c0-.73 0-.99.04-1.19.18-.9.88-1.59 1.77-1.77.2-.04.46-.04 1.19-.04zm3-3.5c-.64 0-1.14.16-1.54.46-.39.27-.62.63-.78.9l-.08.11c-.13.22-.2.34-.3.43-.06.05-.12.1-.3.1h-.09c-.61 0-1.03 0-1.4.07a3.75 3.75 0 0 0-2.94 2.95C1 7.38 1 7.8 1 8.42v3.56c0 .81 0 1.47.04 2 .05.55.14 1.03.37 1.47.36.7.93 1.28 1.64 1.64.44.23.92.32 1.47.37.53.04 1.18.04 2 .04H13.48c.81 0 1.47 0 2-.04a3.84 3.84 0 0 0 1.47-.37c.7-.36 1.28-.93 1.64-1.64.23-.44.32-.92.37-1.47.04-.53.04-1.19.04-2V8.41c0-.61 0-1.03-.07-1.4a3.75 3.75 0 0 0-2.95-2.94 7.5 7.5 0 0 0-1.4-.07h-.08c-.18 0-.24-.05-.3-.1-.1-.1-.17-.2-.3-.43l-.08-.12c-.16-.26-.4-.62-.78-.9-.4-.29-.9-.45-1.54-.45zm3.75 8.25a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0zm1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0z' fill='%238a8a8a' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}

img[src="/assets/packages/static/openvk/img/oxygen-icons/16x16/mimetypes/application-vnd.rn-realmedia.png"] {
    content: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M10 17a7 7 0 1 1 0-14 7 7 0 0 1 0 14zm-8.5-7a8.5 8.5 0 1 1 17 0 8.5 8.5 0 0 1-17 0zm8.65 3.38 2.7-1.56a2.1 2.1 0 0 0 0-3.64l-2.7-1.56A2.1 2.1 0 0 0 7 8.44v3.12a2.1 2.1 0 0 0 3.15 1.82zm1.95-3.9c.4.23.4.8 0 1.04l-2.7 1.56a.6.6 0 0 1-.9-.52V8.44c0-.46.5-.75.9-.52z' fill='%238a8a8a' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}

img[src="/assets/packages/static/openvk/img/oxygen-icons/16x16/actions/draw-brush.png"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%238a8a8a' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M6.67 12.5c-1 0-1.77.76-1.82 1.72a3.54 3.54 0 0 1-1.28 2.65c.5...

Reviews

No reviews yet.