mirror of
https://github.com/openvk/openvk
synced 2024-11-11 01:19:53 +03:00
OpenVK Midnight: Resolve new issues, add README
This commit is contained in:
parent
04bca818b8
commit
6d276e061a
3 changed files with 39 additions and 116 deletions
15
themepacks/midnight/README.md
Normal file
15
themepacks/midnight/README.md
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
![Preview](https://user-images.githubusercontent.com/10499845/193457968-c16c8e55-e3f7-4360-b26b-4c054a2993be.png)
|
||||||
|
|
||||||
|
# Intro
|
||||||
|
**"Midnight"** is a design theme using darker shades of color similar to "Slate Blue" (according to X11 colors), designed to reduce eye pain when browsing at *midnight* or at all times.
|
||||||
|
|
||||||
|
The key feature of the design theme is to be **as close to the standard design theme as possible**, which is why you'll not see a badass (in a good way) design of that button which does not need to be styled.
|
||||||
|
|
||||||
|
# Contributing
|
||||||
|
If I ([Lumaeris](https://github.com/Lumaeris)) didn't manage to style a new feature in time or if you develop a new feature with styling yourself, please remember the key feature of the design theme.
|
||||||
|
|
||||||
|
> _"**as close to the standard design theme as possible**"_
|
||||||
|
|
||||||
|
What is meant here is that you should NOT add unnecessary properties (such as `width`, `overflow-x`, `cursor`, etc). You should only focus on color changes and only add critical properties where needed. That's it. *Keep It Simple, Silly.*
|
||||||
|
|
||||||
|
When upgrading a version, you don't have to choose something specific like `0.2.64.85` or `2038-1-19.1`, just increase the number in the last part of the version line (`0.0.5.6` -> `0.0.5.7`). It is necessary to update the version constantly to avoid forced caching of the style file. Increase the version is necessary not only in `theme.yml`, but also in `stylesheet.css` ("Replace All" will help in this).
|
|
@ -35,7 +35,7 @@ span, .post-author .date, .crp-entry--message---text, .messenger-app--messages--
|
||||||
border-color: #1c202f;
|
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, .topic-list-item, #userContent blockquote, .tippy-box[data-theme~="vk"], .poll, #standaloneCommentBox {
|
.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, .topic-list-item, #userContent blockquote, .tippy-box[data-theme~="vk"], .poll, #standaloneCommentBox, .searchBtn, .searchList #used, .searchOptionName, .borderup, .searchOptions {
|
||||||
border-color: #2c2640 !important;
|
border-color: #2c2640 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -53,7 +53,7 @@ hr {
|
||||||
box-shadow: unset;
|
box-shadow: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button, #activetabs, .messagebox-content-header, .accent-box, .button_search {
|
.button, #activetabs, .messagebox-content-header, .accent-box, .button_search, .searchBtn, .searchOptionName {
|
||||||
background-color: #383052;
|
background-color: #383052;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -70,12 +70,12 @@ hr {
|
||||||
border-color: #2c2640;
|
border-color: #2c2640;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bsdn_contextMenuElement:hover {
|
.bsdn_contextMenuElement:hover, .searchList li:hover {
|
||||||
background-color: #29223a;
|
background-color: #29223a;
|
||||||
}
|
}
|
||||||
|
|
||||||
#ovkDraw .literally .lc-picker, .literally .lc-options.horz-toolbar, .mb_tab#active {
|
#ovkDraw .literally .lc-picker, .literally .lc-options.horz-toolbar, .mb_tab#active {
|
||||||
background-color: #453e5e;
|
background-color: #453e5e !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ovk-diag-cont {
|
.ovk-diag-cont {
|
||||||
|
@ -86,11 +86,11 @@ a, .page_footer .link, #profile_link, .profile_link {
|
||||||
color: #8fb9d8;
|
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 {
|
.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, .searchBtn:active {
|
||||||
background-color: #272138 !important;
|
background-color: #272138 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_navigation .link a {
|
.header_navigation .link a, .searchOptionName {
|
||||||
color: #bcc3d0;
|
color: #bcc3d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -127,7 +127,7 @@ h4, .content_title_expanded, .summaryBar .summary, .content_title_unexpanded {
|
||||||
background-color: #231e33 !important;
|
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, .expand_button, #userContent blockquote, .tippy-box[data-theme~="vk"] {
|
.content_subtitle, .postFeedWrapper, .ovk-diag-head, .container_gray, .page_status_popup, .messenger-app--input, .note_header, #faqcontent, .commentsTextFieldWrap, td.v, tr.v, #votesBalance, .expand_button, #userContent blockquote, .tippy-box[data-theme~="vk"], .searchOptions {
|
||||||
background-color: #1e1a2b !important;
|
background-color: #1e1a2b !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -137,11 +137,11 @@ h4, .content_title_expanded, .summaryBar .summary, .content_title_unexpanded {
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_title_expanded {
|
.content_title_expanded {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/flex_arrow_open.png") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/flex_arrow_open.png") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_title_unexpanded {
|
.content_title_unexpanded {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/flex_arrow_shut.gif") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/flex_arrow_shut.gif") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ovk-video > .preview, .video-preview {
|
.ovk-video > .preview, .video-preview {
|
||||||
|
@ -163,17 +163,17 @@ h4, .content_title_expanded, .summaryBar .summary, .content_title_unexpanded {
|
||||||
|
|
||||||
.page_yellowheader {
|
.page_yellowheader {
|
||||||
color: #c6d2e8;
|
color: #c6d2e8;
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/header_purple.png") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/header_purple.png") !important;
|
||||||
background-color: #231f34;
|
background-color: #231f34;
|
||||||
border-color: #231f34;
|
border-color: #231f34;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page_header {
|
.page_header {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/header.png") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/header.png") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page_custom_header {
|
.page_custom_header {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/header_custom.png") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/header_custom.png") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page_yellowheader span, .page_yellowheader a {
|
.page_yellowheader span, .page_yellowheader a {
|
||||||
|
@ -193,11 +193,11 @@ form[action="/search"] > input, .header_search_input, textarea, input[type="text
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/checkbox.png") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/checkbox.png") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="radio"] {
|
input[type="radio"] {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/radio.png") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/radio.png") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_navigation .link {
|
.header_navigation .link {
|
||||||
|
@ -205,19 +205,19 @@ input[type="radio"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.heart {
|
.heart {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/like.gif") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/like.gif") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pinned-mark, .post-author .pin {
|
.pinned-mark, .post-author .pin {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/pin.png") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/pin.png") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repost-icon {
|
.repost-icon {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/published.gif") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/published.gif") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-author .delete {
|
.post-author .delete {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/input_clear.gif") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/input_clear.gif") !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-alert {
|
.user-alert {
|
||||||
|
@ -226,111 +226,19 @@ input[type="radio"] {
|
||||||
border-color: #514534;
|
border-color: #514534;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchOptions
|
.searchBtn {
|
||||||
{
|
|
||||||
overflow-y: hidden;
|
|
||||||
overflow-x:hidden;
|
|
||||||
width:28.8%;
|
|
||||||
border-top:1px solid #2B2B2B;
|
|
||||||
float:right;
|
|
||||||
scrollbar-width: none;
|
|
||||||
font-size:12px;
|
|
||||||
background-color:#1e1a2b;
|
|
||||||
margin-right: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchBtn
|
|
||||||
{
|
|
||||||
border: solid 1px #484848;
|
|
||||||
background-color: #333;
|
|
||||||
color:#c6d2e8;
|
|
||||||
margin-left: -3px;
|
|
||||||
padding-bottom:2px;
|
|
||||||
width:80px;
|
|
||||||
cursor: pointer;
|
|
||||||
box-shadow: 0px 2px 0px 0px rgba(111, 111, 111, 0.18) inset;
|
box-shadow: 0px 2px 0px 0px rgba(111, 111, 111, 0.18) inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchBtn:active
|
.searchBtn:active {
|
||||||
{
|
|
||||||
border: solid 1px #414141;
|
|
||||||
background-color: rgb(77, 77, 77);
|
|
||||||
color:white;
|
|
||||||
box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 0.18) inset;
|
box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 0.18) inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchList #used
|
.searchList #used {
|
||||||
{
|
background: linear-gradient(#453e5e,#473f61);
|
||||||
margin-left:0px;
|
|
||||||
color: white;
|
|
||||||
padding:2px;
|
|
||||||
padding-top:5px;
|
|
||||||
padding-bottom:5px;
|
|
||||||
border: solid 0.125rem #2f2f2f;
|
|
||||||
background: linear-gradient(#3c3c3c,#393939);
|
|
||||||
margin-bottom:2px;
|
|
||||||
padding-left:5px;
|
|
||||||
width:90%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchList #used a
|
|
||||||
{
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchHide
|
|
||||||
{
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchList li
|
|
||||||
{
|
|
||||||
margin-left:0px;
|
|
||||||
color: #2B587A !important;
|
|
||||||
cursor:pointer;
|
|
||||||
padding:2px;
|
|
||||||
padding-top:5px;
|
|
||||||
padding-bottom:5px;
|
|
||||||
margin-bottom:2px;
|
|
||||||
padding-left:5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchList li a
|
|
||||||
{
|
|
||||||
min-width:100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchList li:hover
|
|
||||||
{
|
|
||||||
margin-left:0px;
|
|
||||||
color: #2B587A !important;
|
|
||||||
background:#181522;
|
|
||||||
padding:2px;
|
|
||||||
padding-top:5px;
|
|
||||||
padding-bottom:5px;
|
|
||||||
margin-bottom:2px;
|
|
||||||
padding-left:5px;
|
|
||||||
width:91%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchOptionName
|
|
||||||
{
|
|
||||||
cursor:pointer;
|
|
||||||
background-color: #120e1f;
|
|
||||||
padding-left:5px;
|
|
||||||
padding-top:5px;
|
|
||||||
padding-bottom:5px;
|
|
||||||
width: 90%;
|
|
||||||
font-weight: 600;
|
|
||||||
color: #c6d2e8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.borderup
|
|
||||||
{
|
|
||||||
border-top:1px solid #2f2f2f;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#backdropEditor {
|
#backdropEditor {
|
||||||
background-image: url("/themepack/midnight/0.0.2.7/resource/backdrop-editor.gif") !important;
|
background-image: url("/themepack/midnight/0.0.2.8/resource/backdrop-editor.gif") !important;
|
||||||
border-color: #473e66 !important;
|
border-color: #473e66 !important;
|
||||||
}
|
}
|
|
@ -1,5 +1,5 @@
|
||||||
id: midnight
|
id: midnight
|
||||||
version: "0.0.2.7"
|
version: "0.0.2.8"
|
||||||
openvk_version: 0
|
openvk_version: 0
|
||||||
enabled: 1
|
enabled: 1
|
||||||
metadata:
|
metadata:
|
||||||
|
|
Loading…
Reference in a new issue