Skip to content

DRG Wiki - Better Readability by notsagyo

Screenshot of DRG Wiki - Better Readability
Write a review Install Get Stylus

Details

Authornotsagyo

LicenseNo License

Categorydeeprockgalactic.wiki.gg

Created

Updated

Code size1.6 kB

Code checksum3aee34d3

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes the background darker so you don't get distracted with the background image.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           deeprockgalactic.wiki.gg - Nov 2023
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("deeprockgalactic.wiki.gg") {
  :root {
    --all: 0px;
    --top-right: 50px;
    --b-color: #e38a00;
    --b-size: 2px;
    --bg: rgba(10, 10, 15, 0.95);
  }

  .mw-body {
    border: var(--b-size) solid var(--b-color);
    background: linear-gradient( 45deg, var(--b-color) 0 calc(var(--bottom-left, var(--all)) + var(--b-size)), transparent 0) bottom left /50% 50%,
      linear-gradient( -45deg, var(--b-color) 0 calc(var(--bottom-right, var(--all)) + var(--b-size)), transparent 0) bottom right/50% 50%,
      linear-gradient( 135deg, var(--b-color) 0 calc(var(--top-left, var(--all)) + var(--b-size)), transparent 0) top left /50% 50%,
      linear-gradient(-135deg, var(--b-color) 0 calc(var(--top-right, var(--all)) + var(--b-size)), transparent 0) top right /50% 50%,
      var(--bg);
    background-origin: border-box;
    background-repeat: no-repeat;

    -webkit-mask: linear-gradient( 45deg, transparent 0 var(--bottom-left, var(--all)), #fff 0) bottom left,
      linear-gradient( -45deg, transparent 0 var(--bottom-right, var(--all)), #fff 0) bottom right,
      linear-gradient( 135deg, transparent 0 var(--top-left, var(--all)), #fff 0) top left,
      linear-gradient(-135deg, transparent 0 var(--top-right, var(--all)), #fff 0) top right;
    -webkit-mask-size: 50.5% 50.5%;
    -webkit-mask-repeat: no-repeat;
  }
}

Reviews

No reviews yet.