Imbibe themepack "Midnight" into master (#733)

wiwajapanigobugarin

.gitignore

@@ -10,5 +10,6 @@ tmp/*
 themepacks/*
 !themepacks/.gitkeep
 !themepacks/openvk_modern
+!themepacks/midnight
 storage/*
 !storage/.gitkeep

themepacks/midnight/res/xmas.css

@@ -0,0 +1,7 @@
+.page_header {
+    background-image: url('/themepack/midnight/0.0.1.0/resource/xheader.png');
+}
+
+.page_custom_header {
+    background-image: url('/themepack/midnight/0.0.1.0/resource/xheader_custom.png');
+}

themepacks/midnight/stylesheet.css

@@ -0,0 +1,203 @@
+* {
+    scrollbar-color: #3f365b #1d192b;
+}
+
+html {
+    color-scheme: dark !important;
+}
+
+body {
+    background-color: #0e0b1a;
+    color: #c6d2e8;
+}
+
+span, .post-author .date, .crp-entry--message---text, .messenger-app--messages---message .time, .navigation-lang .link_new {
+    color: #8b9ab5 !important;
+}
+
+.nobold, nobold {
+    color: #6f82a8;
+}
+
+.page_status {
+    color: #c6d2e8;
+}
+
+.profileName h2 {
+    color: #8eb2d0;
+}
+
+.wrap1, .wrap2, .page-wrap, #wrapH, #wrapHI {
+    border-color: #1c202f;
+}
+
+.accountInfo, .left_small_block, #profile_link, .profile_link, .navigation .link, .navigation .link:hover, .navigation_footer .link, .navigation_footer .link:hover, .completeness-gauge, input[type="text"], input[type="password"], input[type~="text"], input[type~="password"], input[type="email"], input[type="phone"], input[type~="email"], input[type~="phone"], input[type="search"], input[type~="search"], input[type~="date"], select, .content_title_expanded, .content_title_unexpanded, .content_subtitle, textarea, .post-content, .post-author, hr, h4, .postFeedWrapper, .tabs, #wallAttachmentMenu, .ovk-diag, .ovk-diag-head, #ovkDraw, #ovkDraw .literally .lc-picker, .literally .lc-options.horz-toolbar, .page_wrap, .container_gray .content, .summaryBar, .groups_options, form[action="/search"] > input, .header_search_input, .header_search_inputbt, .accent-box, .page_status_popup, .messenger-app--input, .messenger-app, .crp-entry:first-of-type, .crp-list, .crp-entry, .note_footer, .page_content > div, #editor, .note_header, center[style="background: white;border: #DEDEDE solid 1px;"], .album-photo img, .mb_tabs, .mb_tab#active div, .navigation-lang .link_new, #faqhead, #faqcontent, .post-divider, .comment, .commentsTextFieldWrap, tr, td, th, #votesBalance, .paginator a.active, .paginator a:hover {
+    border-color: #2c2640 !important;
+}
+
+hr {
+    background-color: #2c2640 !important;
+}
+
+.cookies-popup {
+    background: linear-gradient(#1e1a2b, #231e33);
+    box-shadow: unset;
+}
+
+.button, #activetabs, .messagebox-content-header, .accent-box, .button_search {
+    background-color: #383052;
+}
+
+.tab:hover {
+    background-color: #40375e;
+}
+
+.menu_divider, .ovk-diag-action, .minilink .counter {
+    background-color: #2c2640;
+}
+
+#ovkDraw .literally .lc-picker, .literally .lc-options.horz-toolbar, .mb_tab#active {
+    background-color: #453e5e;
+}
+
+.ovk-diag-cont {
+    background-color: #272e4894;
+}
+
+a, .page_footer .link, #profile_link, .profile_link {
+    color: #8fb9d8;
+}
+
+.page_footer .link:hover, .navigation .link:hover, .navigation .edit-button:hover, #profile_link:hover, .profile_link:hover, #wallAttachmentMenu > a:hover, .crp-entry:hover, .navigation-lang .link_new:hover, .paginator a:hover, .post-share-button:hover, .post-like-button:hover {
+    background-color: #272138 !important;
+}
+
+.header_navigation .link a {
+    color: #bcc3d0;
+}
+
+.header_navigation .link a:hover, .home_button_custom {
+    color: #c7cdd9;
+}
+
+.navigation .link {
+    color: #d9e0ee;
+}
+
+.navigation .edit-button {
+    background-color: #0e0b1a !important;
+    color: #7b94c4 !important;
+}
+
+#test-label, .msg.msg_err {
+    background-color: #30161d;
+}
+
+.msg.msg_succ {
+    background-color: #163f13;
+}
+
+h4, .content_title_expanded, .summaryBar .summary, .content_title_unexpanded {
+    color: #7c94c5;
+}
+
+.notes_titles small, .post-upload {
+    color: #6f82a8;
+}
+
+.content_title_expanded, .content_title_unexpanded, .ovk-diag, .settings_delete, center[style="background: white;border: #DEDEDE solid 1px;"], .album-photo img, #faqhead, td.e, tr.e {
+    background-color: #231e33 !important;
+}
+
+.content_subtitle, .postFeedWrapper, .ovk-diag-head, .container_gray, .page_status_popup, .messenger-app--input, .note_header, #faqcontent, .commentsTextFieldWrap, td.v, tr.v, #votesBalance {
+    background-color: #1e1a2b !important;
+}
+
+.post-author {
+    background-color: #1e1a2b;
+    /* this is fix to correct the unexpected behavior of the microblog style lol */
+}
+
+.content_title_expanded {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/flex_arrow_open.png");
+}
+
+.content_title_unexpanded {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/flex_arrow_shut.gif");
+}
+
+.ovk-video > .preview, .video-preview {
+    box-shadow: inset 0 0 0 1px #231e33, inset 0 0 0 2px #1e1a2b;
+}
+
+#wallAttachmentMenu, .container_gray .content, .mb_tabs {
+    background-color: #120e1f;
+}
+
+#wallAttachmentMenu > .header, .messenger-app--messages---message.unread, tr.h {
+    background-color: #1d192b;
+}
+
+.toTop {
+    background-color: #272138;
+    color: #c6d2e8;
+}
+
+.page_yellowheader {
+    color: #c6d2e8;
+    background-image: url("/themepack/midnight/0.0.1.0/resource/header_purple.png");
+    background-color: #231f34;
+    border-color: #231f34;
+}
+
+.page_header {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/header.png");
+}
+
+.page_custom_header {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/header_custom.png");
+}
+
+.page_yellowheader span, .page_yellowheader a {
+    color: #a48aff !important;
+}
+
+.completeness-gauge {
+    background-color: #231e33;
+}
+
+.completeness-gauge > div {
+    background-color: #2c2640;
+}
+
+form[action="/search"] > input, .header_search_input, textarea {
+    background-color: #181826 !important;
+}
+
+input[type="checkbox"] {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/checkbox.png");
+}
+
+input[type="radio"] {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/radio.png");
+}
+
+.header_navigation .link {
+    background: unset;
+}
+
+.heart {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/like.gif") !important;
+}
+
+.pinned-mark, .post-author .pin {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/pin.png") !important;
+}
+
+.repost-icon {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/published.gif") !important;
+}
+
+.post-author .delete {
+    background-image: url("/themepack/midnight/0.0.1.0/resource/input_clear.gif") !important;
+}

themepacks/midnight/theme.yml

@@ -0,0 +1,11 @@
+id: midnight
+version: "0.0.1.0"
+openvk_version: 0
+enabled: 1
+metadata:
+    name:
+        _: "OpenVK Midnight"
+        en: "OpenVK Midnight"
+        ru: "OpenVK Midnight"
+    author: "Ilya Prokopenko"
+    description: "A dark theme for OpenVK"