@charset "UTF-8"; /* ==================================================
 * Snapic Plus for bg.dark Main Stylesheet by Lopwon.
 * www.Lopwon.com
 * 2023-10-18
 * ------------------------------------------------------------------- */

:root { --color-black: #000000; --color-1: #121212; --color-2: #232323; --color-3: #343434; --color-4: #454545; --color-5: #565656; --color-6: #676767; --color-7: #787878; --color-8: #898989; --color-9: #909090; --color-a: #ababab; --color-b: #bcbcbc; --color-c: #cdcdcd; --color-d: #dedede; --color-e: #efefef; --color-f: #f0f0f0; --color-white: #ffffff; --color-red: #e5432a; --color-orange: #ff8800; --color-yellow: #ffff00; --color-green: #03ee03; --color-cyan: #02cbab; --color-blue: #4a86e8; --color-purple: #800080; --color-body-background: var(--color-1); --color-svg-filter: invert(100%) grayscale(100%); --color-linear-gradient: 18 18 18; --color-error-text: var(--color-green); --color-error-background: var(--color-3); --color-error-background-hover: var(--color-4); --color-loading-background: var(--color-1); --color-loading-load: var(--color-2); --color-loading-loading: var(--color-orange); --color-bgimg-author: rgba(255 255 255 / 25%); --color-bgimg-author-hover: rgba(255 255 255 / 100%); --color-bgimg-text: var(--color-white); --color-bgimg-more-background: rgba(255 255 255 / 75%); --color-bgimg-more-background-hover: rgba(255 255 255 / 100%); --color-bgimg-more-text: var(--color-black); --color-bgimg-more-text-hover: var(--color-black); --color-grid-background: var(--color-2); --color-grid-background-hover: var(--color-3); --color-grid-line: var(--color-6); --color-author-text: var(--color-c); --color-author-text-hover: var(--color-orange); --color-author-background: var(--color-4); --color-author-background-hover: var(--color-2); --color-mark-text: var(--color-white); --color-mark-thumb-background: rgba(2 203 171 / 75%); --color-mark-thumb-background-hover: rgba(2 203 171 / 100%); --color-mark-like-background: rgba(0 0 0 / 25%); --color-mark-like-background-hover: var(--color-orange); --color-mark-category-text: var(--color-white); --color-mark-category-background: rgba(0 0 0 / 25%); --color-mark-category-background-hover: rgba(0 0 0 / 75%); --color-progress-text: var(--color-white); --color-progress-background: var(--color-orange); --color-meta-text: var(--color-4); --color-comments-text: var(--color-4); --color-comments-text-hover: var(--color-c); --color-meta-hover: var(--color-6); --color-content-text: var(--color-6); --color-content-text-hover: var(--color-c); --color-content-text-a: var(--color-orange); --color-content-text-a-hover: var(--color-orange); --color-content-text-a-decoration: var(--color-orange); --color-video-play-button: var(--color-white); --color-video-background: var(--color-3); --color-video-background-hover: var(--color-4); --color-video-fullscreen-background: var(--color-black); --color-footer-text: var(--color-6); --color-footer-text-hover: var(--color-d); --color-footer-text-a-hover: var(--color-white); --color-cc-text: var(--color-white); --color-cc-background: rgba(0 0 0 / 75%); --color-cc-background-shadow: rgba(255 255 255 / 95%); --color-exif-gear: var(--color-c); --color-exif-gear-background: rgba(0 0 0 / 25%); --color-exif-gear-background-hover: rgba(0 0 0 / 75%); --color-exif-info: var(--color-e); --color-exif-more: var(--color-e); --color-exif-more-background: rgba(2 203 171 / 75%); --color-exif-more-background-hover: rgba(2 203 171 / 100%); --color-navigator-text: var(--color-6); --color-navigator-text-hover: var(--color-d); --color-navigator-btn-hover: var(--color-orange); --color-navigator-btn-a-hover: var(--color-white); --color-navigator-current-text: var(--color-orange); --color-navigator-prev-background: var(--color-3); --color-navigator-prev-background-hover: var(--color-orange); --color-navigator-next-background: var(--color-orange); --color-aside-border: var(--color-9); --color-aside-background: var(--color-1); --color-search-input: var(--color-a); --color-search-input-background: var(--color-3); --color-search-input-focus: var(--color-a); --color-search-input-background-focus: var(--color-4); --color-search-button: var(--color-3); --color-tags-prefix-text: var(--color-white); --color-tags-prefix-background: rgba(2 203 171 / 75%); --color-tags-prefix-background-hover: rgba(2 203 171 / 100%); --color-tags-text: var(--color-a); --color-tags-background: var(--color-3); --color-tags-text-hover: var(--color-a); --color-tags-background-hover: var(--color-4); --color-menu-text: var(--color-white); --color-menu-background: rgba(0 0 0 / 50%); --color-menu-background-hover: rgba(0 0 0 / 5%); --color-menu-current-border: var(--color-orange); --color-icon-border: var(--color-white); --color-icon-background: var(--color-black); --color-post-text: var(--color-9); --color-post-text-a: var(--color-orange); --color-post-text-a-decoration: var(--color-orange); --color-post-meta-text: var(--color-6); --color-post-meta-text-a: var(--color-6); --color-post-meta-text-a-hover: var(--color-d); --color-solarterm-text: var(--color-6); --color-solarterm-text-light: var(--color-c); --color-solarterm-text-dark: var(--color-4); --color-solarterm-text-dark-hover: var(--color-8); --color-solarterm-shape: var(--color-green); --color-solarterm-shape-background: var(--color-3); --color-solarterm-name-text: var(--color-white); --color-solarterm-name-background: rgba(2 203 171 / 75%); --color-solarterm-name-background-hover: rgba(2 203 171 / 100%); --color-solarterm-date-background: rgba(0 0 0 / 25%); --color-solarterm-date-background-hover: rgba(0 0 0 / 75%); --color-solarterm-mark: var(--color-orange); --color-solarterm-errorr-background: rgba(255 255 255 / 75%); --color-solarterm-errorr-background-hover: var(--color-2); --color-markdowon-hr-top: rgba(0 0 0 / 75%); --color-markdowon-hr-bottom: rgba(255 255 255 / 7.5%); --color-markdowon-code: var(--color-green); --color-markdowon-pre: var(--color-6); --color-markdowon-code-background: var(--color-2); --color-markdowon-blockquote-text: var(--color-6); --color-markdowon-blockquote-border: var(--color-6); --color-comments-awaiting: var(--color-white); --color-comments-tips: var(--color-4); --color-comments-tips-hover: var(--color-6); --color-comments-author: var(--color-9); --color-comments-author-hover: var(--color-orange); --color-comments-meta: var(--color-3); --color-comments-meta-hover: var(--color-4); --color-comments-content: var(--color-a); --color-comments-content-background: var(--color-3); --color-comments-content-hover: var(--color-c); --color-comments-content-background-hover: var(--color-4); --color-comments-content-boder: var(--color-2); --color-comments-input: var(--color-9); --color-comments-input-background: var(--color-2); --color-comments-input-focus: var(--color-9); --color-comments-input-background-focus: var(--color-3); --color-comments-button: var(--color-9); --color-comments-button-hover: var(--color-black); --color-comments-button-background-hover: var(--color-9); } .pswp { --pswp-bg: var(--color-1); --pswp-placeholder-bg: var(--pswp-bg); --pswp-preloader-color: rgba(75 75 75 / 50%); --pswp-preloader-color-secondary: rgba(255 255 255 / 95%); --pswp-icon-color: var(--color-white); --pswp-icon-color-secondary: var(--color-3); --pswp-icon-stroke-color: var(--pswp-bg); --pswp-error-text-color: var(--color-green); }