Anime Style by Naved-Uddin9950

/* ==UserStyle==
@name         Anime Style
@version      20230530.13.39
@namespace    ?
==/UserStyle== */

/* ==UserStyle==
@name           Empty @name replaces the default template - 12/30/2021, 3:41:42 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("gitpod.io") {
/** START BACKGROUND STUFF **/
    [id="workbench.parts.editor"] .split-view-view .editor-container .editor-instance > .monaco-editor .overflow-guard > .monaco-scrollable-element > .monaco-editor-background {
        background: none;
    }


    [id="workbench.parts.editor"] .split-view-view .editor-container .editor-instance > .monaco-editor .overflow-guard > .monaco-scrollable-element::before,
    .overflow-guard,
    .tab,
    /* settings UI */
    .settings-editor > .settings-body .settings-toc-container,
    /* end settings UI */
    .tabs-container,
    .monaco-pane-view,
    .composite.title,
    /* welcome window */
    .editor-container,
    button.getting-started-category,
    /* end welcome window */
    div.header,
    /* extensions header */
    .content,
    .monaco-select-box,
    .pane-header,
    .minimap-decorations-layer,
    .xterm-cursor-layer,
    .decorationsOverviewRuler,
    .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-breadcrumbs .breadcrumbs-control,
    .ref-tree,
    /* find usages */
    .head,
    /* find usages */
    .monaco-workbench .part.editor > .content .editor-group-container > .title .editor-actions,
    .welcomePageFocusElement,
    /* welcome screen */
    .terminal-outer-container/* Terminal outer edge */
    {
        background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSsTXJBirY9-Ji0GJmEDGO9oanqCSzCupKwyg&usqp=CAU') !important;
        background-position: right !important;
        background-attachment: fixed !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    /*settings UI */
    .monaco-list.list_id_1 .monaco-list-rows,
    /* source control diff editor */
    .lines-content.monaco-editor-background,
    /* output panel */
    .overflow-guard > .margin,
    .overflow-guard > .margin > .margin-view-overlays,
    .monaco-workbench .part.panel > .content .monaco-editor .monaco-editor-background,
    /* debugger panel */
    [id="workbench.panel.repl"] * {
        background-color: transparent !important;
    }

    .quick-input-widget {
        backdrop-filter: blur(5px) !important;
    }

    .monaco-breadcrumbs {
        background-color: #00000000 !important;
    }

    [id="workbench.view.explorer"] .monaco-list-rows,
    [id="workbench.view.explorer"] .pane-header,
    [id="workbench.view.explorer"] .monaco-pane-view,
    [id="workbench.view.explorer"] .split-view-view,
    [id="workbench.view.explorer"] .monaco-tl-twistie,
    [id="workbench.view.explorer"] .monaco-icon-label-container,
    .explorer-folders-view > .monaco-list > .monaco-scrollable-element > .monaco-list-rows,
    .show-file-icons > .monaco-list > .monaco-scrollable-element > .monaco-list-rows,
    .extensions-list > .monaco-list > .monaco-scrollable-element > .monaco-list-rows,
    /* Welcome Page */
    .monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideCategories > .gettingStartedCategoriesContainer > .header,
    .monaco-workbench .part.editor > .content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category/* end welcome page */
    {
        background-color: #00000000 !important;
        background-image: none !important;
        border: none !important;
    }

    .monaco-icon-label-container {
        background: none !important;
    }

    .monaco-workbench .part.editor > .content {
        background-image: url('https://p1.hiclipart.com/preview/486/185/91/man-holding-sword-anime-character-png-clipart-thumbnail.jpg') !important;
        background-position: right;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        z-index: 9001;
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    /** END BACKGROUND STUFF **/
    /** START STICKER STUFF **/
    body > .monaco-workbench > .monaco-grid-view > .monaco-grid-branch-node > .monaco-split-view2 > .split-view-container::after,
    body > .monaco-workbench > .monaco-grid-view > .monaco-grid-branch-node > .monaco-split-view2 > .monaco-scrollable-element > .split-view-container::after {
        background-image: url('https://c4.wallpaperflare.com/wallpaper/509/732/997/anime-overlord-ainz-ooal-gown-wallpaper-preview.jpg');
        content: '';
        pointer-events: none;
        position: absolute;
        z-index: 9001;
        width: 100%;
        height: 100%;
        background-position: 100% 97%;
        background-repeat: no-repeat;
        opacity: 1;
    }

    /* Makes sure notification shows on top of sticker */
    .notifications-toasts {
        z-index: 9002 !important;
    }

    /* glass pane to show sticker */
    .notification-toast {
        backdrop-filter: blur(2px) !important;
    }
}