Theme with custom bg and colors
vk dark by del1x
Details
Authordel1x
LicenseCC-BY-NC-4.0
Categoryvk
Created
Updated
Size42 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
1.3.1
new ui tabs
1.3.0
fixes
1.2.9
fixes
1.2.8
fixes
1.2.7
fixes
1.2.6
fixes + change colors ( mb don't fix smth will fix later, when - idk )
1.2.5
fixes + delete useless colors
1.2.4
fixes
1.2.3
fixes
1.2.2
fixes + add name for color, kekw
1.2.1
restore vk id
1.2.0
some fixes + ram fixes
1.1.9
color fixes + ram fixes
1.1.8
small fixes
1.1.7
small fixes + name colors
1.1.6
public set fix, 3-rd part + small fixes
1.1.5
public set fix, 2-nd part
1.1.4
public set fix, 1-st part
1.1.3
small fixes
1.1.2
full custom settings
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name vk dark
@version 1.3.1
@namespace userstyles.world/user/del1x
@description loh pidr
@author del1x
@license CC-BY-NC-4.0
@advanced dropdown URL "Background"{
default "Default*" <<<EOT https://sun9-5.userapi.com/s/v1/ig2/gnhiBI6dWwG8y-DGQZmuKJixNqblyVSxaePZZgX_TsCMzWU-mpq1mMHJMdoMlYfoleTQS0N7Brc26Fxekawt3O7t.jpg?size=1920x1080&quality=96&type=album EOT;
URL-custom-dropdown "Custom" <<<EOT /*[[URL-custom]]*\/ EOT;
}
@advanced text URL-custom "Выбери задник, KEKW (Custom)" "https://example.com/image.png"
@advanced color 1 "Main color" #b7771d
@advanced color 2 "Main hover" #e67b2ae8
@advanced color 3 "Pannel color" #25231fa6
@advanced color 4 "Second Pannel color (for chat, search e.t.c)" #313131
@advanced color 5 "Main text color" #f5deb3
@advanced color 6 "Second text color" #e7a159
@advanced color 7 "Transparent color, крч можете прозрачность регулировать, на паре вещей есть такая параша" #00f0
==/UserStyle== */
@-moz-document url-prefix("https://vk.com"),
url-prefix("https://id.vk.com") {
body,
html[dir],
[dir] #page_wrap,
.vkui,
.vkui > body,
.vkui__portal-root {
background: url("/*[[URL]]*/") no-repeat center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body.new_header_design #page_header_cont {
background-color: var(--color3);
}
.im-page_classic.im-page .im-page--header {
border-left: solid 1px var(--color3);
border-right: solid 1px var(--color3);
}
.im-page_classic.im-page .im-page--chat-input {
border-bottom: solid 0px var(--color3);
border-right: solid 1px var(--color3);
border-left: solid 1px var(--color3);
}
.im-page_classic .im-page--chat-header {
border: 1px solid var(--color3);
border-top-width: 0px;
}
.nim-dialog + .nim-dialog .nim-dialog--content {
border-top: solid 1px var(--color3);
}
#side_bar .more_div {
border-top: 1px solid var(--color1)
}
.im-page_classic.im-page .im-page--header {
border-top: solid 0px transparent;
}
.Tabs__item--active,
.Tabs__item--active:hover {
border-bottom: 2px solid var(--color1);
}
.ui_rmenu_sep {
border-bottom: 1px solid var(--color1);
}
.im-mess .im_post_top_info_caption {
margin-left: 2px;
}
.deep_active .replies .reply_box div.submit_post_field,
.deep_active .wl_replies_block_wrap .reply_box div.submit_post_field,
.deep_active.wall_module .replies .reply_box div.submit_post_field,
.deep_active.wall_module .wl_replies_block_wrap .reply_box div.submit_post_field,
.deep_active .replies .wl_reply_form_wrap .reply_box div.submit_post_field,
.deep_active .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field,
.deep_active.wall_module .replies .wl_reply_form_wrap .reply_box div.submit_post_field,
.deep_active.wall_module .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field,
.deep_active .replies .reply_box div.submit_post_field[contenteditable="true"],
.deep_active .wl_replies_block_wrap .reply_box div.submit_post_field[contenteditable="true"],
.deep_active.wall_module .replies .reply_box div.submit_post_field[contenteditable="true"],
.deep_active.wall_module .wl_replies_block_wrap .reply_box div.submit_post_field[contenteditable="true"],
.deep_active .replies .wl_reply_form_wrap .reply_box div.submit_post_field[contenteditable="true"],
.deep_active .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field[contenteditable="true"],
.deep_active.wall_module .replies .wl_reply_form_wrap .reply_box div.submit_post_field[contenteditable="true"],
.deep_active.wall_module .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field[contenteditable="true"] {
border-color: var(--color3);
}
.im-page_classic.im-page .im-page--dcontent,
.im-create .im-create--tabs,
.im-page_classic.im-page .im-page--dialogs,
.vkuiGroup--card > .vkuiGroup__inner,
.FCPanel__list,
.FCThumb,
.FCWindow__header,
.im-page_classic .im-page--chat-header-in::before,
.im-page--inline-menu--list-item,
.ConvoHistory,
.pv_cont .pv_comments_header,
.ChatSettings__content,
.PopupHeader,
.ChatSettingsInfo,
.BannerInfo,
.audio_pl_snippet2,
.MarketplaceCatalogBlockBanner,
.MarketplaceCatalogBlockList,
.like_share_wrap,
.ProfileHeader,
.audio_page_player2.audio_page_player_fixed,
.MarketplaceCatalogPageProfile,
.ui_gallery_wall_cards .wall_card {
background: var(--color3);
}
.pv_cont .pv_comments_header {
border-radius: 7px
}
.AvatarRich__outline--round.AvatarRich__outline--stories-unseen {
border-color: var(--color1);
}
.right_list_photo_stories_unseen::after {
box-shadow: 0 0 0 2px var(--color1), inset 0 0 0 2px var(--color3);
}
.box_body,
.flist_sel,
.box_title_wrap,
.im-page_classic.im-page .im-page--chat-input::before,
.im-page .im-page--search-header,
.ModalHeader,
#pv_box,
.ConvoMessage,
.VideoActions__item:hover {
background: var(--color4);
}
.box_body {
--online-badge-background: var(--color4);
}
.im-page--back-btn:hover {
background: linear-gradient(to right, var(--color3) 50%, transparent)
}
.radiobtn.on:hover::before,
.radiobtn.on.radiobtn_hover::before {
background-image: radial-gradient(circle farthest-corner, var(--color1) 0% calc(40% - var(--non-pixelated-diff)), var(--background_hover) 40% var(--border-with-inner), var(--color1) var(--border-with-outher) 100%)
}
:root {
--color1: /*[[1]]*/;
--color2: /*[[2]]*/;
--color3: /*[[3]]*/;
--color4: /*[[4]]*/;
--color5: /*[[5]]*/;
--color6: /*[[6]]*/;
--color7: /*[[7]]*/;
}
.LeftMenu__icon,
.im-dialog-select--btn,
.audio_layer_container .audio_page__footer_clear_playlist,
.nim-dialog.nim-dialog_verified .nim-dialog--verfifed,
a,
.vkuiSimpleCell > .vkuiIcon,
.audio_page_player2 .audio_page_player_shuffle.audio_page_player_btn_enabled,
.AudioPlaceholder__iconContainer,
.notifier_baloon_wrap a,
.im-mess-stack .im-mess-stack--content .im-mess-stack--lnk,
.vkuiLink,
.vkuiSimpleCell__after,
.audio_w_covers .audio_row .audio_row__cover,
.idd_wrap .idd_selected_value,
.audio_page__shuffle_all .audio_page__shuffle_all_button,
.audio_page__shuffle_all .audio_page_shuffle_all_icon,
.audio_row__more_actions .audio_row__more_action,
.audio_page__audio_rows .audio_row.audio_has_lyrics .audio_row__title_inner,
.ap_layer__content .audio_row.audio_has_lyrics .audio_row__title_inner,
._playlist_page_content_block .audio_row.audio_has_lyrics .audio_row__title_inner,
._audio_section__search .audio_row.audio_has_lyrics .audio_row__title_inner,
.audio_section_global_search__audios_block .audio_row.audio_has_lyrics .audio_row__title_inner,
b a,
a b,
.OwnerContentTabAudiosItem__cover,
.deep_active .post_replies_header .post_replies_reorder,
.deep_active.wall_module .post_replies_header .post_replies_reorder,
.MenuList__itemIcon,
.PlaylistPanel__itemAction,
.VideoCard__ownerLink,
.wall_tt .header,
.promoted_post_tt .header,
.verified_tt_header,
.mott_header,
.audio_row .audio_row__play_btn .audio_row__play_btn_icon--pause,
.audio_row .audio_row__play_btn .audio_row__play_btn_icon--play,
.PageActionCell--md-accent .PageActionCell__icon,
.FeedVideosForYouCard__ownerLink,
.PageBlockShowMore__text,
.olist_item_name,
.mv_playlist_header_btn._active,
.VideoRecomsItem__title,
.flist_item_name,
.friends_find_user_name,
.friends_find_user_add,
.search_filters_icon,
.photos_choose_upload_area,
#top_profile_menu.top_profile_menu_new .top_profile_mrow .menu_item_icon,
.privacy_edit_wrap a,
.privacy_edit_wrap button,
.im-page .im-page--clear-recent,
.audio_page_player2 .audio_page_player_icon--pause,
.audio_page_player2 .audio_page_player_icon--play,
.audio_page_player2 .audio_page_player_prev,
.audio_page_player2 .audio_page_player_next,
.audio_page_player2 .audio_page_player_repeat.audio_page_player_btn_repeat_one,
.audio_page_player2 .audio_page_player_repeat.audio_page_player_btn_enabled,
.audio_row .audio_row__play_btn .audio_row__play_btn_icon--play,
.page_doc_row .page_doc_title,
.reply_submit_hint_title,
.PostTextMore__content,
.im-mess .im-mess--check,
.im_msg_audiomsg--collapse_toggle,
.Button--link,
.EcommSliderHeader__showAllButton,
.EcommVerifiedSign,
.audio_pl_snippet2 .audio_shuffle_all_button .audio_pl_snippet__shuffle_all_icon,
.audio_pl_snippet2 .audio_shuffle_all_button,
.audio_row .audio_row__cover_icon .audio_row__play_btn_icon--play,
.audio_pl_snippet2 .audio_pl_snippet__more_btn,
.audio_pl_snippet2 .audio_pl_snippet__more_btn .audio_pls_snippet__more_btn_icon,
.post_header_subscribe_button_icons_only,
.HomeSplitted__cell .vkuiSimpleCell__indicator,
.vkuiIcon.Email__moreVertical,
.Settings__button,
.wide_column .topics_module .topic_title,
.topics_module .topic_inner_link,
.ChatSettingsPresetPanel__presetIcon,
.Select__control,
.Select--opened .Select__control,
.Select__option,
.no_posts_cover,
.SecondaryAttachment__after,
.SecondaryAttachmentGroupShowMore,
.nim-dialog.nim-dialog_typing .nim-dialog--typing.nim-dialog.nim-dialog_typing .nim-dialog--typing,
.VideoSubheader__actionLink,
.video_showcase .VideoCommentsLink,
.video_showcase .VideoLayout .idd_wrap .idd_selected_value,
a.docs_item_name,
.ActionButton--shuffleIcon,
.AudioPlaylistSnippet .ActionButton--shuffle__text,
.ui_ownblock_label,
.listing,
.video_chooser_top_button,
.audio_pl_edit_box .ape_audio_item_wrap .ape_attach,
.post_action_btn .post_action_image_btn._close,
.friends_import_header,
.Entity__title,
.Link,
.ChatSettingsMembersWidget__add,
.audio_page_player2 .audio_page_player_status.audio_page_player_btn_enabled .audio_page_player_btn_status_in...