Skip to content

Hackerman by IchMagSchokolade

Screenshot of Hackerman

Details

AuthorIchMagSchokolade

LicenseCC BY-NC

Categorybrandenburg.cloud

Created

Updated

Size33 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Green, Dark green, blue and yellow accents, costumizable

Notes

If the website updates, please create an Issue in the GitHub repo and I will update the Style as soon as possible.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
    /* ==UserStyle==
@name           Hackerman by Daniel Lehmann for brandenburg.cloud
@namespace      github.com/openstyles/stylus
@version        1.2.3
@description    Hackerman
@author         Daniel Lehmann (https://github.com/IchMagSchokolade)
@supportURL     https://github.com/IchMagSchokolade/Style/issues
@license        CC BY-NC
==/UserStyle== */
    @-moz-document url-prefix("https://brandenburg.cloud") {
        :root {
            --background: #020902;
            --text: #fbfefb;
            --card-background: #020902;
            --card-background-hover: #030f03;
            --button-hover: #030f03;
            --borders: #20441e;
            --primary: #73f16f;
            --primary-muted: #1de716;
            --color2: #03A9F4;
            --color3: #FFD600;
            --subtle-panel: #061606;
            --subtle-text: #114b11;
        }
        body {
            background-color: var(--background) !important;
        }
        .cloud-logo,
        img.logo.logo-full {
            filter: invert(78%) sepia(85%) saturate(356%) hue-rotate(47deg) brightness(101%) contrast(96%);
        }
        section.card {
            background-color: var(--card-background);
            border: 1.5px solid var(--borders);
            border-radius: 1rem;
            color: var(--text)
        }
        section.card:hover {
            background-color: var(--card-background-hover)
        }
        a {
            color: var(--color2)
        }
        a:hover,
        a:focus {
            color: var(--color2);
            filter: brightness(75%);
            text-decoration: none;
        }
        h4,
        h2,
        .h4,
        h1 {
            color: var(--primary) !important;
        }
        header.mb-1.top-margin {
            background: transparent;
            border-bottom: 1.5px solid var(--borders);
            box-shadow: none;
            padding-bottom: 0.5rem;
        }
        .nav-item.school-data.hidden-sm-down,
        div.school-name.item {
            color: var(--color2);
            font-size: 18px;
        }
        .btn.btn-secondary.btn-thin.dropdown-toggle.btn-create-qr,
        .mdi.mdi-arrow-expand,
        .mdi.mdi-help-circle-outline,
        svg.v-icon__svg,
        .alert-button.danger i {
            color: var(--primary);
            fill: var(--primary);
        }
        .dropdown-menu.dropdown-menu-right,
        div.popuptext {
            background: var(--card-background) !important;
            border: 1.5px solid var(--borders) !important;
        }
        div.popuptext .theme--light.v-list {
            background: var(--card-background);
        }
        div.popuptext div.v-list div.v-list-item {
            color: var(--color2) !important;
        }
        div.popuptext div.v-list div.v-list-item svg {
            fill: var(--color2);
        }
        div.popuptext a,
        div.popuptext button.logout-button {
            color: var(--color2) !important;
        }
        .dropdown-menu.dropdown-menu-right div.dropdown-name,
        div.popuptext div.username {
            color: var(--primary);
            font-size: 18px;
        }
        .navbar-nav .btn-avatar .dropdown-name,
        div.popuptext div.username {
            border-bottom: 1.5px solid var(--borders) !important;
        }
        a.dropdown-item:hover {
            background: var(--card-background-hover);
            filter: none;
            color: var(--color2)
        }
        a.dropdown-item {
            color: var(--color2);
        }
        form.login-form input {
            background-color: var(--subtle-panel);
            border: 1px solid var(--borders);
            color: var(--subtle-text);
        }
        form.login-form input:hover,
        form.login-form input:active,
        form.login-form input:focus {
            background-color: var(--subtle-panel);
            filter: brightness(200%);
        }
        form.login-form input.form-control:focus,
        form.login-form .btn-primary:active,
        form.login-form .btn-primary:focus,
        form.login-form .btn-primary:hover,
        form.login-form .btn-primary:active:focus {
            border: 1px solid var(--borders);
            background-color: var(--subtle-panel);
        }
        form.login-form div.input-group-addon {
            background: var(--subtle-panel);
            border: 1px solid var(--borders);
        }
        form.login-form button {
            background: var(--subtle-panel);
            border: none;
            color: var(--primary);
            outline: none
        }
        form.login-form div.input-group-addon:hover,
        form.login-form div.input-group-addon:active {
            background: var(--subtle-panel);
            filter: brightness(200%);
        }
        form.login-form#password {
            border-right: none;
        }
        form.login-form buttom.btn-primary:focus {
            border: 1px solid var(--borders);
        }
        form.login-form .btn-secondary {
            border: 1px solid var(--borders);
        }
        form.login-form .btn-secondary:hover,
        form.login-form .btn-secondary:focus {
            background-color: var(--subtle-panel);
            color: var(--primary);
            filter: brightness(200%);
            outline: none;
        }
        form.login-form .btn-primary {
            color: var(--primary);
        }
        form.login-form div.chosen-container-single .chosen-single {
            background-color: var(--subtle-panel);
            border: 1px solid var(--borders);
            color: var(--color2)
        }
        form.login-form div.chosen-container-single .chosen-single:hover,
        form.login-form div.chosen-container-single .chosen-single:focus,
        form.login-form div.chosen-container-single .chosen-single:active {
            filter: brightness(200%);
        }
        form.login-form div.chosen-container .chosen-drop {
            background-color: var(--subtle-panel);
            border: 1px solid var(--borders);
        }
        form.login-form .chosen-container-single .chosen-search input[type="text"] {
            border: 1px solid var(--borders);
            background-color: var(--subtle-panel);
            outline: none;
        }
        form.login-form .active-result {
            color: var(--color2);
            background: none;
        }
        form.login-form .active-result:hover,
        form.login-form .active-result:focus {
            color: var(--primary);
            background: none;
        }
        form.login-form .active-result:active {
            background: none
        }
        form.login-form .active-result.result-selected.result-highlighted {
            background: none
        }
        section#loginarea h1 {
            color: var(--primary);
        }
        div.dropdown.minimal-button.open div.dropdown-menu,
        div.popup-content.visible,
        div.v-list.alerts.pa-0.rounded.v-sheet.elevation-2 {
            background: var(--subtle-panel) !important;
            border: 1.5px solid var(--borders) !important;
            border-radius: 0 !important;
            color: var(--text) !important;
        }
        div.v-list.alerts.pa-0.rounded.v-sheet.elevation-2 * {
            color: var(--text) !important;
        }
        div.v-list.alerts.pa-0.rounded.v-sheet.elevation-2 div.text--secondary {
            color: var(--color2) !important;
            font-size: 14px !important;
        }
        .alert-button .alert-item {
            border: none;
        }
        div.alert-date.text-nowrap.text-muted {
            color: var(--color2) !important;
        }
        body footer:not(.small-footer) {
            background: var(--background);
            border-top: 1.5px solid var(--borders);
        }
        .center:after,
        .footer:after {
            color: var(--primary);
            background-color: var(--subtle-panel);
            content: "Style by Daniel Lehmann (https://github.com/IchMagSchokolade/Style)";
            font-size: 0.6rem;
            padding: 0.5rem;
            display: flow-root;
        }
        footer#footer {
            border-top: 1.5px solid var(--borders);
            color: var(--text)
        }
        footer div,
        footer div a {
            color: var(--color2) !important;
            font-size: 18px;
        }
        aside.nav-sidebar,
        aside.sidebar {
            background: var(--background) !important;
            border-right: 1.5px solid var(--borders) !important;
            box-shadow: none !important;
        }
        aside.nav-sidebar a.active,
        aside.sidebar nav.contents ul div li.list-item.active {
            background: linear-gradient(to right, var(--background), var(--color2))!important;
            color: var(--primary) !important;
        }
        aside.nav-sidebar ul li a:not(.sc-branding).active svg {
            fill: var(--primary)
        }
        aside.nav-sidebar ul li a:not(.ß),
        aside.sidebar nav.contents ul div li.list-item a,
        aside.sidebar nav.contents ul div li.list-item a span {
            color: var(--primary) !important;
            fill: var(--primary) !important;
        }
        aside.sidebar nav ul div li.list-item:hover:not(ß):not(ß),
        aside.nav-sidebar ul li a:hover:not(.sc-branding) {
            filter: brightness(75%);
            background: linear-gradient(to right, var(--background), var(--color2))!important;
        }
        a.dashboard-title:hover {
            color: var(--primary);
        }
        @keyframes rainbow_animation {
            0% {
                background-position: 0% 82%
            }
            50% {
                background-position: 50% 19%
            }
            100% {
                background-position: 100% 82%
            }
        }
        div.col-sm-12.text-center h2.h5.mb-1.mt-2 {
            background: linear-gradient(to right, #ff2400, #e81d1d, #e8b71d, #e3...

Reviews

No reviews yet.