image-viewer.css

/* ==UserStyle==
@name           Image Viewer
@description    媒体查看器透明度修改
@preprocessor   transitio
@version        0.1.6
@homepageURL    https://github.com/PRO-2684/Transitio-user-css/#image-viewer
@author         PRO-2684
@license     	gpl-3.0
@var percent opacity "透明度" 40
==/UserStyle== */
.main-area {
    &.main-area--image { /* 图片查看器 */
        > .main-area__content {
            overflow: visible !important;
            height: 100% !important;
            > .main-area__image-rotate-wrap {
                height: 100% !important;
            }
            > .main-area__loading-tip {
                backdrop-filter: none;
                background: rgba(0, 0, 0, var(--opacity));
            }
        }
        > .main-area__footer {
            backdrop-filter: none;
            background: rgba(0, 0, 0, var(--opacity));
        }
    }
    &.main-area--video > .video-viewer { /* 视频查看器 */
        height: 100%; /* 修复视频查看器底部空白问题 */
        .plugin-panel-main-area > .footer {
            backdrop-filter: none;
            background: rgba(0, 0, 0, var(--opacity));
        }
    }
    .image-viewer__tip {
        backdrop-filter: none;
        background: rgba(0, 0, 0, var(--opacity));
    }
    .main-area__arrow-icon {
        backdrop-filter: none;
    }
}