Skip to content

Bit burner CRT by cdemichiei

Details

Authorcdemichiei

LicenseNo License

CategoryBitburner

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

CRT-like screen for bitburner
Uses google fonts for better readability

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Bit burner CRT
@version      20211220.17.56
@namespace    userstyles.world/user/cdemichiei
@description  CRT-like screen for bitburner
Uses google fonts for better readability
@author       cdemichiei
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://danielyxie.github.io/bitburner/") {
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap');
@import url('https://fonts.googleapis.com/css?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fira+Code&display=swap');

:root {
    --monitor-color: 0, 204, 0;
    --monitor-50: rgba(var(--monitor-color) / 50%);
}

* {
    font-family: 'Fira Code' !important;
/*     filter: hue-rotate(00deg)   ; */
}


button {
    padding: 5px;
}

.prompt {
    font-weight: bold;
}

p,
pre,
h2,
h3,
h4,
.text,
td {
    text-shadow: var(--monitor-glow) 2px 2px 3px, var(--monitor-glow) -2px -2px 3px;
}


.css-nw77nj {
/*     color: rgb(var(--monitor-color)) */
}

::selection {
    background-color: rgba(var(--monitor-color));
    color: black;
}

body {

    background: #010;
    background-image: radial-gradient(
        ellipse at 95vw 10vh, 
        rgba(var(--monitor-color), .1) 5%, 
        rgba(var(--monitor-color), .05) 15%, 
        rgba(var(--monitor-color), .1), 
        #010);
    background-attachment: fixed;
}

.jss2 {
    background: transparent;
}

#root::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 
        linear-gradient(
            rgba(18, 16, 16, 0) 50%, 
            rgba(0, 0, 0, 0.20) 50%), 
        linear-gradient(
            90deg, rgba(255, 0, 0, 0.06), 
            rgba(var(--monitor-color), 0.02), 
            rgba(var(--monitor-color), 0.06));
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
    box-shadow: inset 2em 3em 5em 2em rgba(var(--monitor-color), 08%),
    inset -2em -3em 5em 2em rgba(var(--monitor-color), 08%)
}

}

Reviews

No reviews yet.