House Opera’s Humble Ouevre

---

---

+ Show component code

#side-bar {
    /* ===SECONDARY & TERTIARY COLORS=== */
    /* Editing these will edit a vast majority of theme elements. Useful for making dark themes */
 
    /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-color);
    --swatch-alternate-color: var(--swatch-menubg-light-color);
 
    /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
    --swatch-text-secondary-color: var(--swatch-menutxt-dark-color);
    --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
 
    /* ===SIDE-BAR ELEMENTS=== */
 
    /* ===SIDE-BAR GENERAL=== */
    --sidebar-bg-color: var(--swatch-menubg-dark-color);
    --sidebar-resources-bg-color: 0, 0, 0, 0;
    --sidebar-media-bg-color: 0, 0, 0, 0;
 
    /* ===SIDEBLOCK MENU=== */
    --sideblock-heading-border-color: var(--bright-accent);
    --sideblock-heading-bg-color: 0, 0, 0, 0;
    /* Transparent */
    --sideblock-heading-text-color: var(--swatch-text-tertiary-color);
 
    /* ===MENU-ITEMS=== */
    --sidebar-border-color: var(--swatch-primary), 0.08;
    --sidebar-subtest-color: var(--swatch-text-tertiary-color);
 
    --sidebar-links-text: var(--swatch-text-tertiary-color);
    --sidebar-links-hover-bg-color: var(--bright-accent);
    --sidebar-links-hover-text-color: var(--swatch-text-tertiary-color);
 
    /* ===SIDEBAR COLLAPSIBLES=== */
    /*Folded Colors */
    --sidebar-collapsible-fld-link-bg: var(--swatch-primary), 0.25;
    --sidebar-collapsible-fld-link-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-tertiary-color);
 
    /*Unfolded Colors */
    --sidebar-collapsible-ufld-link-bg: var(--swatch-primary-darker), 0.25;
    --sidebar-collapsible-ufld-link-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-ufld-link-hover-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-ufld-arrow-hover-color: var(--swatch-text-tertiary-color);
 
    /* Unfolded Body Colors */
    --sidebar-collapsible-link-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-link-hover-color: var(--swatch-text-tertiary-color);
 
    scrollbar-color:
        rgba(var(--swatch-primary-darker), 0.1)
        /* Thumb */
        rgba(var(--swatch-secondary-color), 0.05);
    /* Track */
 
    border-color: rgba(var(--swatch-secondary-color), 0.4);
}
 
/* Hover Scrollbar Behavior */
#side-bar:hover,
#side-bar:active {
    scrollbar-color:
        rgb(var(--swatch-primary-darker), 1)
        /* Thumb */
        rgb(var(--swatch-menubg-dark-color), 1);
    /* Track */
}
 
#side-bar:focus-within {
    scrollbar-color:
        rgb(var(--swatch-primary-darker), 1)
        /* Thumb */
        rgb(var(--swatch-menubg-dark-color), 1);
    /* Track */
}
 
#side-bar::-webkit-scrollbar-track {
    background-color: rgba(var(--swatch-tertiary-color), 0.8);
}
 
#side-bar::-webkit-scrollbar,
#side-bar::-webkit-scrollbar-thumb,
#side-bar::-webkit-scrollbar-corner {
    background-color: rgba(var(--swatch-menubg-dark-color), 0);
}
 
#side-bar .side-block.media a:-webkit-any-link {
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a:-moz-any-link {
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a:any-link {
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a::before {
    background: rgb(var(--social-color));
}
 
#side-bar .side-block.media a[href*="tiktok"]::before,
#side-bar .side-block.media a[href*="tiktok"]::after {
    transition:
        background 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-image 200ms cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:
        clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-image 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:
        clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-image 200ms cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
 
#side-bar .side-block.media a[href*="tiktok"]:hover::before {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
}
 
#side-bar .side-block.media a[href*="tiktok"]:hover::before,
#side-bar .side-block.media a[href*="tiktok"]:active::before {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
    background-image: var(--tiktok-icon-gradient);
    background-size: contain;
}
 
#side-bar .side-block.media a[href*="tiktok"]:focus-within::before {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
    background-image: var(--tiktok-icon-gradient);
    background-size: contain;
}
 
#side-bar .side-block.media a[href*="tiktok"]::after {
    --clip-path:
        polygon(0 0,
            0 0,
            0 100%,
            0 100%
        );
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a[href*="tiktok"]:hover::after,
#side-bar .side-block.media a[href*="tiktok"]:active::after {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a[href*="tiktok"]:focus-within::after {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a img {
    -webkit-filter: drop-shadow(0 0 0 rgba(var(--swatch-alternate-color), 0));
            filter: drop-shadow(0 0 0 rgba(var(--swatch-alternate-color), 0));
    transition: -webkit-filter 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: filter 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: filter 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
 
#side-bar .side-block.media a:hover img,
#side-bar .side-block.media a:active img {
    -webkit-filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color)));
            filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color)));
}
 
#side-bar .side-block.media a:focus-within img {
    -webkit-filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color)));
            filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color)));
}
 
html:not(:lang(cn)) div.scpnet-interwiki-wrapper p::before {
    box-shadow: inherit;
}
 
#side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) {
    -webkit-filter: invert(1);
            filter: invert(1);
}
 
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before,
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::before,
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::after {
    background-color: rgb(var(--swatch-menubg-dark-color));
}
 
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before {
    mix-blend-mode: lighten;
}

<html>
    <head>
    </head>
    <body>
        <script type="text/javascript">
        function sendStyle() {
            try {
                window.parent.window.interwikiFrame.bhlDark();
            } catch(e) {}
        }
        sendStyle();
        </script>
    </body>
</html>

+ Show theme code

@supports(display:grid) {
    :root {
        /* S-CSS-P Integration */
        /* If you're making a new CSS theme, please include the following three variables at minimum. */
        --theme-base: "black-highlighte";
        /* must be either "nuscp" or "sigma9" */
        --theme-id: "Extra-BHL-theme";
        /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
        --theme-name: "Extra Black Highlighter Theme";
        /* set this to your theme's full name */
        /* New Vars */
        --swatch-menubg-extra-dark-color: 30, 30, 32;
 
        /* Old Vars */
        --black-monochrome: 20, 22, 24;
        --light-pale-gray-monochrome: 250, 250, 250;
        --bright-accent: var(--pale-accent);
        /* Primary Theme Colors */
        --swatch-background: var(--swatch-menubg-black-color);
        /* Background and Header Colors */
        --background-gradient-color: 10, 10, 10;
        --header-gradient-color-bottom: var(--medium-accent);
        --header-gradient-color-middle: var(--swatch-menubg-black-color);
        --header-gradient-color-top: var(--swatch-menubg-black-color);
        /* Primary Text Colors */
        --swatch-text-light: var(--light-pale-gray-monochrome);
        --swatch-text-general: var(--swatch-text-light);
        /* Primary Menu Colors */
        --swatch-menubg-color: var(--swatch-menubg-black-color);
        --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
        /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
        --swatch-secondary-color: var(--swatch-menubg-dark-color);
        --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
        --swatch-alternate-color: var(--swatch-primary);
 
        /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
        --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
        --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
 
        /* Primary Header Colors */
        --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
        --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
 
        --rating-module-text-color: var(--swatch-text-general);
        --rating-module-button-color: var(--swatch-text-general);
        --rating-module-button-cancel-color: 100, 100, 100;
 
        --ui-wght: 500;
        --ui-hvr-wght: 600;
 
        --gradient-header: linear-gradient(to bottom,
                rgb(var(--header-gradient-color-bottom)) 0%,
                rgb(var(--header-gradient-color-middle)) 90%,
                rgb(var(--header-gradient-color-top)) 100%);
 
        --diagonal-stripes: repeating-linear-gradient(45deg,
                hsla(0, 0%, 100%, 0),
                hsla(0, 0%, 100%, 0) 0.25vh,
                rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
                rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh);
    }
 
    #main-content {
        --pagetags-title-text: var(--swatch-text-secondary-color);
    }
 
    #header {
        --search-icon-color: var(--swatch-text-tertiary-color);
    }
 
    #top-bar {
        /* ===DROPDOWN MENU=== */
        --dropdown-bg-color: var(--swatch-menubg-extra-dark-color), 0.9;
    }
 
    ::-moz-selection {
        background: rgb(var(--swatch-primary-darkest));
    }
 
    ::selection {
        background: rgb(var(--swatch-primary-darkest));
    }
 
    body {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
    }
 
    #search-top-box-input {
        background-color: rgb(var(--swatch-menubg-extra-dark-color));
    }
 
    #account-options {
        background: var(--gradient-header);
    }
 
    #login-status {
        color: rgba(var(--swatch-menutxt-light-color), 0.5);
    }
 
    #login-status ul a {
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    span.printuser {
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    .page-rate-widget-box {
        background: linear-gradient(to bottom,
                rgba(var(--header-gradient-color-bottom), 0.5) 0%,
                rgba(var(--header-gradient-color-middle), 0.15) 90%,
                rgba(var(--header-gradient-color-top), 0.15) 100%);
        border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25);
    }
 
    #top-bar div.mobile-top-bar>ul>li>ul>li>a,
    #top-bar div.top-bar>ul>li>ul>li>a {
        box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
    }
 
    #side-bar .heading p,
    #side-bar .collapsible-block .collapsible-block-link {
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    blockquote,
    .blockquote,
    .code {
        --swatch-border-color: var(--swatch-menubg-light-color);
        border-color: rgba(var(--swatch-border-color), 0.25);
    }
 
    .yui-navset .yui-nav,
    .yui-navset .yui-navset-top .yui-nav {
        --box-shadow: rgb(var(--swatch-primary-darkest));
        border-color: rgb(var(--swatch-primary-darkest));
    }
 
    .yui-navset .yui-nav li,
    .yui-navset .yui-navset-top .yui-nav li {
        --box-shadow: rgb(var(--swatch-primary-darkest));
    }
 
    .yui-navset .yui-nav a,
    .yui-navset .yui-navset-top .yui-nav a {
        background-color: rgb(var(--swatch-menubg-extra-dark-color));
        color: rgb(var(--swatch-text-general));
    }
 
    .yui-navset .yui-nav .selected,
    .yui-navset .yui-navset-top .yui-nav .selected {
        background-color: rgb(var(--swatch-primary-darkest));
    }
 
    table.wiki-content-table th {
        background: rgb(var(--swatch-secondary-color));
    }
 
    table.wiki-content-table th,
    table.wiki-content-table tr {
        border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;
    }
 
    table.wiki-content-table td {
        border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;
    }
 
    textarea,
    input.text,
    input.checkbox,
    div.note,
    #lock-info {
        border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);
        background-color: rgb(var(--swatch-menubg-extra-dark-color));
        color: rgb(var(--swatch-text-light));
    }
 
    .code pre span[class*="hl-"] {
        -webkit-filter: invert(1) hue-rotate(180deg);
        filter: invert(1) hue-rotate(180deg);
    }
 
    .owindow .modal-body img {
        background-color: transparent !important;
    }
 
    .hovertip {
        border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);
        background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;
        color: rgb(var(--swatch-text-light)) !important;
    }
 
    #main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]), 
    #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]) {
        color: rgb(var(--swatch-primary-secondary-color));
    }
 
    #footer,
    #license-area {
        --link-color: var(--swatch-text-tertiary-color);
        --hover-link-color: var(--swatch-text-tertiary-color);
        --visited-link-color: var(--swatch-text-tertiary-color);
        color: rgb(var(--swatch-text-general));
    }
 
    #side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) {
        -webkit-filter: invert(1);
                filter: invert(1);
    }
 
    #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before,
    #side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::before,
    #side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::after {
        background-color: rgb(var(--swatch-menubg-dark-color));
    }
 
    #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before {
        mix-blend-mode: lighten;
    }
 
    div[id*="page-options-bottom"]>a::after {
        background-color: rgb(var(--swatch-text-secondary-color));
    }
 
    /* ===BUTTONS=== */
    div[id*="page-options-bottom"]>a::after {
        background-color: rgb(var(--swatch-text-tertiary-color));
    }
}

IMAGINE USING THE SCP BLACK HIGHLIGHTER THEME ON AN RPC AUTHOR PAGE HA GET FUCKED

---

tagnone

#1 Article

#1 Joke Article

Top Ten Article

Active Contributor

Contest Winner

Contest Runner-Up

Challenge Winner

7

2 stars

7

{$translationblock}

GIVE ME A GOD DAMN 1/5 STARS I DESERVE IT

Registered Phenomena Code: no u

Object Class: Fuckin' Euclid, idk.

Hazard Types: Shattered Glass. GET IT?

Containment Protocols: Throw a brick at it.

Description: Hm…nah.

Addendum: and/or Discovery: idk

---

About me

My author page here hopefully won't be as long or as drawn out as my author page on…that other site we all talk about. How many people will actually read through this entire thing anyways? How many people actually read through the entirety of my other one as well as all the in-depth explanations per article and per Tale?

Anywho. I'm House Opera Glass. I joined RPC a while back, left because I thought big brother would ban me for being here, then came back after I stopped giving a shit. Now I'm here to stay. 'nuff said.

My RPCs

• RPC-496, the woman made from clay. Some dude makes a girlfriend out of magic clay. I got the inspiration for this from the Manikins from Shin Megami Tensei Nocturne. That game is trash. Don't play it.

My Tales

• Laura's Hands. A love story involving cosmic horror and really long hands. If I say anymore, I'll end up spoiling the story. This is my first contribution to the site and my most read story here. For now. Honestly, it's arguably not very RPC, but it did well, so I'm not complaining.

---

• Non-Euclidean Restroom. Some dude takes a shit and ends up lost in an eldritch bathroom.

In Case I Leave or Die idk

I know I'm not exactly the most active or prolific writer here, so this tab might be a bit excessive, but fuck it. If for some reason I go quiet for long enough, Almarduk gets ownership over all my shit here, including my sandboxes.

shitposts

I bought an entire Monopoly set just for the top hat. I regret nothing. —Except for the fact that I still need to work on the RPC I had in mind for this fucking picture.

Actual long-winded bio if you’re interested

My thought process meanders and migrates like a flock of drunk birds careening towards an unseen window, so I'll be extremely rambly here. Bear with me, if you care enough.

My journey on the SCP side of things: like most writers here, I'm ex-SCP. I had joined that site in the hopes of improving myself as a writer. The first thing I'm greeted with when I join is this incredibly backassed system involving making a new email with no numbers, followed by waiting a day or two for acceptance (or denial), only to then have to go through more convoluted nonsense in order to make an IRC account. After about three eternities and and sixteen backflips later, I finally join, and the first thing I'm met with is a high ranking member immediately hating my guts and targeting me and poking and prodding at me for everything I'm worth at every little turn, just because they can.

In ignorance of this little shitstain's targeting (as well as perhaps subconscious spite), I continue to write, ideate and mingle with others, getting on good terms with multiple users, and gaining a relatively small but satisfying amount of limelight.

Pretty soon, I dig up the age old news on SCPedo, but I continue to write anyways on this site, because my initial high upvote counts were so damn intoxicating. Over time, I stopped writing seriously there, but stayed anyways because of lingering attachments.

Then I realized how much more dirt SCP senior staff really had. Even then, I stayed for the presence of some people I was very fond of. However, seeing absolutely disgusting vermin wave around internet clout and elitism while continuing to pretend that they're not pedophiles and continue to pretend that they aren't pieces of shit…pushed me further and further away until I came here.

I got off lucky. I could have ten years earlier and been groomed. I could have been cyberstalked and harassed. But I kept my head down and did what I loved, which was write.

After far too long, I realized that SCP wouldn't help me grow as a writer. So, I bid goodbye to some friends, and I came here.

To the 'lesser SCP that harbors bigots and only ever writes Series 1 trash.' The 'lesser SCP' that welcomed me with open arms, continually surprised me with their incredibly high quality writing at every single turn, and that actually has a diverse community.

My journey on the RPC side: I joined here briefly then left because I was afraid big daddy SCP would ban me if I stayed long enough. After a short while, I regretted it and came back. When I left twice, Almarduk had actually sent me a friend request as an olive branch. I accepted and we got decently buddy buddy. I bug them over the most minute shit all the damn time and they've been nothing but patient with me, so clearly they're nice :'D

For a while, I stayed on SCP and snuck sideways glances at RPC, always wondering what it'd be like if I just made the jump. So I did. I look back all the time, but I'm here to stay.

Because unlike SCP, RPC actually treats writing with respect.

Not that anybody outside of RPC will ever believe that…too many people are brainwashed by the mudslinging that SCP has mercilessly delivered onto RPC. Oh well. That's life.

My journey with SCP Commune and Etoisle's posse: Can I even call this a journey? It's more like…me occasionally sneaking in glances, seeing people act weird as fuck, then suddenly discovering that Etoisle was grooming a minor. Hm…the Admin of a writing community turning out to be a pedophile.

After a while of witnessing this nonsense, I just stopped being angry. Just disappointed.

SCP is too obsessed with clout chasing and shit talking RPC.

Etoisle and hir posse are too obsessed with being weird and…shit talking RPC.

And RPC is, so far, the only place with actually sane moderators.

So yeah. Here I am. The moment I jumped ship from SCP and went to RPC, I re-discovered that old spark I had for writing. It's amazing how quickly freedom can heal someone's soul, isn't it?