Skip to content

[Moodle] Emokimay Dark Theme [vu.lt] by liylukgfuydhflduyfluyfsdyfu

Screenshot of [Moodle] Emokimay Dark Theme [vu.lt]

Details

Authorliylukgfuydhflduyfluyfsdyfu

LicenseCC Zero

Categoryuser-styles

Created

Updated

Size838 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

[Moodle] Dark Theme for emokymai.vu.lt

Based on ADMU Moodle Night Mode and Moodle-Dark, thank you!

Installation

Easy method:

  1. Download Stylus extension for your browser Chrome/Firefox
  2. Visit this page and click Install.

Manual method:

  1. Clone 'dark-moodle.css'
  2. Download Stylus extension for your browser Chrome/Firefox
  3. Click on extension icon
  4. Click 'Manage'
  5. At the left sidebar click 'Export'
  6. Find 'dark-moodle.css' file and export it.
  7. Toggle switch ON

Optional (more compatability)

  1. Go to Preferences -> Edit profile -> General -> Prefered Theme
  2. Select 'Boost'
  3. Enjoy.

Author: Sevastian Zare

License: CC0 - Public Domain

Created: April 4, 2022 22:20

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         [Moodle] Emokimay Dark Theme [vu.lt]
@version      20220405.18.25
@namespace    userstyles.world/user/liylukgfuydhflduyfluyfsdyfu
@description  Dark theme for emokymai.vu.lt.

If you don't do yourself this, no one will.

Based on ADMU Moodle Night Mode, thank you Deion Menor.
@author       liylukgfuydhflduyfluyfsdyfu
@license      CC0 - Public Domain
==/UserStyle== */

@-moz-document domain("emokymai.vu.lt") {
html {
    background-color: #23272A;
}
body {
    background-color: #23272A;
    color: white;
}
.branding-inner a.site-name {
    content: url(https://user-images.githubusercontent.com/26182157/161755141-23048e45-b42c-4f85-a634-5728da804850.png) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #5378b9;
    font-weight: 500;
}


.bg-gray,
#rgion-main {
    background-color: #23272A !important;
    color: #fff !important;
}
#page-wrapper,
#page-wrapper nav {
    background-color: #23272A !important;
    color: #8e8e8e !important;
}

#nav-drawer {
    background-color: #23272A !important;
}
.filemanager-container.card,
.fp-navbar.card,
.fm-content,
.filemanager.fm-noitems .fm-empty-container {
    background-color: #23272A;
}
.navbar-brand {
    background-color: #23272A !important;
    color: #fff !important;
    font-weight: 700;
}
.navbar-expand,
.navbar-nav,
.nav-link {
    color: #ddd !important
}
.block,
.block .block-cards .course-summaryitem {
    background-color: #2C2F33;
    border: #2C2F33 0px solid;
}

.breadcrumb {
    background-color: #2C2F33;
    color: white;
}

.dropdown-item,
.dropdown-menu {

    background-color: #2C2F33;
    color: white;
}

.dropdown-divider {
    border: #232528 1px solid !important;
}
#page-my-index {
    background-color: #2C2F33;
}

.modal-content,
.moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content {
    background-color: #2C2F33;
}
.page-header .utilities .usermenu .dropdown-menu {
    background-color: #2C2F33;
}

.page-link:hover {
    z-index: 2;
    color: #4263d5;
    text-decoration: none;
    background-color: #2C2F33;
}
.page-header .utilities .usermenu .dropdown-item:hover,
.page-header .utilities .usermenu .dropdown-item:focus {
    background: #414351;
    color: #939292;
}

.calendar_event_course {
    background-color: #2C2f4f;
}

.block .minicalendar td.weekend {
    color: #99AAB5;
}

#dock .dockedtitle {
    color: white;
    border: 0px solid #ccc;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0);
    background-image: none;
    background-color: #36373f
}

#dockeditempanel .dockeditempanel_content {
    background-color: #494f53;
    box-shadow: none;
}

.block .block-controls .dropdown-toggle {
    color: #55606a;
}

#dockeditempanel .dockeditempanel_hd h2 {
    color: white;
}

.block_simple_clock .clock {
    color: white;
}
#region-main-box {
    background-color: #2c2f33
}
.row,
.list-group-item {
    background-color: #1b1e20
}
#page-header div {
    background-color: #292d31;
}
.card-body {
    background-color: #1b1e20;
}
.dashboard-card {
    border: 1px solid #6c757d !important;
}
.border-bottom {
    border-bottom: 2px solid #6c757d !important
}
.page-link,
.btn {
    color: #6c757d;
    background-color: #1b1e20;
}
input[type="submit"],
input[type="button"] {
    background: #302e4f;
    color: #fff;
    border: 1px solid #35384d !important;
}

input[type="submit"]:hover {
    background: #464284;
}

.btn:hover,
.btn-link:hover,
.btn-icon:hover,
.disabled {
    background-color: #2c2f33;
    color: #ddd;
}

.block .block-cards .btn.btn-link.btn-icon:hover,
.block .block-cards .btn.btn-link.btn-icon:focus {
    background-color: #2c2f33;
    color: #ddd;
}
.dashboard-card {
    border: 1px solid #444c53 !important;
}

.branding {
    background: #333a42 !important;
}

.pagination .page-item.disabled .page-link {
    background-color: #3d3d3e;
    color: #61636c;
    border: 1px solid #666768;
}
.page-link {
    border: 1px solid #666768;
}
.page-link:hover,
.pagination .page-item .page-link:hover {
    color: #b5b5b5;
    text-decoration: none;
    background-color: #474e68;
    border: 1px solid #666768;
}

.block .block-cards a.coursename {
    color: #6e8cf3;
}
.block .block-cards span.categoryname {
    color: #727180
}
.dashboard-card-deck .dashboard-card .dashboard-card-img {
    background-image: url("https://user-images.githubusercontent.com/26182157/161745904-ad3d2ba6-1793-4e84-af4a-a5af2bf84a58.png") !important;
}
#page-footer .page-footer-inner {
    background-color: #2c2f33
}

a:link,
a:hover,
a:visited,
a:active,
span.flagged-tag a {
    color: #6e8cf3;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
    background-color: #292626;
    border: 1px solid #242424;
}
.table-striped tbody tr:nth-of-type(2n + 1),
table.collection tbody tr:nth-of-type(2n + 1),
table#explaincaps tbody tr:nth-of-type(2n + 1),
table#defineroletable tbody tr:nth-of-type(2n + 1),
table.grading-report tbody tr:nth-of-type(2n + 1),
table#listdirectories tbody tr:nth-of-type(2n + 1),
table.rolecaps tbody tr:nth-of-type(2n + 1),
table.userenrolment tbody tr:nth-of-type(2n + 1),
form#movecourses table tbody tr:nth-of-type(2n + 1),
#page-admin-course-index .editcourse tbody tr:nth-of-type(2n + 1),
.forumheaderlist tbody tr:nth-of-type(2n + 1),
table.flexible tbody tr:nth-of-type(2n + 1),
.generaltable tbody tr:nth-of-type(2n + 1) {
    background: #2e3237;
    color: white;
}
th {
    color: #fff;
}
.generaltable tbody tr:hover,
th:hover {
    color: #fff;
    background: #2e3237;
}
.path-mod-assign td.submissionnotgraded,
.path-mod-assign div.submissionnotgraded {
    color: #000;
    background-color: #83848c;
}

.course-content .sectionname a,
.page-context-header .page-header-headings h1 {
    color: #909db5 !important;
}
@keyframes bg-pulse-grey {
    from {
        background: #252729
    }

    to {
        background: #383838
    }
}
#region-main {
    background-color: #383838;
}
#jump-to-activity.custom-select {
    background: #383838;
    color: #fff;
}
.block .block-cards .course-summaryitem {
    border: 1px solid #2e3237;
    background-color: #383838;
}

:root {
        --dark-black: #141414;
        --black: #1b1e20;
        --grey: #252526;
    }
    /*  SCROLLBAR  */
    ::-webkit-scrollbar {
        width: 8px;
    }
    ::-webkit-scrollbar-track {
        background-color: var(--dark-black);
    }
    ::-webkit-scrollbar-thumb {
        background: var(--grey);
        border-radius: 10px;
    }
    .que.calculated .answer {
        padding: .3em;
        display: inline
    }
    .que.calculated .answer input[type="text"] {
        width: 30%
    }
    #page-question-type-calculated input[name^="answer"],
    #page-question-type-calculated input[name^="unit"],
    #page-question-type-calculated input[name^="multiplier"],
    #page-question-type-calculated input[name^="calcmax"],
    #page-question-type-calculated input[name^="calcmin"],
    #page-question-type-calculated input[name^="number"],
    #page-question-type-calculated input[name^="tolerance"] {
        direction: ltr;
        text-align: left
    }
    body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_],
    body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answeroptions_] {
        background: var(--black);
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        border: 1px solid var(--grey);
        border-radius: 0.25rem;
        border-bottom: 0
    }
    body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label,
    body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label {
        font-weight: 700
    }
    body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_'],
    body#page-question-type-calculated div[id^=fgroup_id_][id*=answertolerance_] label[for^='id_tolerance_'],
    body#page-question-type-calculated div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_'],
    body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_'],
    body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_'] {
        position: absolute;
        left: -10000px;
        font-weight: 400;
        font-size: 1em
    }
    body#page-question-type-calculated div[id^=fgroup_id_][id*=answertolerance_],
    body#page-question-type-calculated div[id^=fgroup_id_][id*=answerdisplay_],
    body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answertolerance_],
    body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answerdisplay_] {
        background: var(--black);
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        border: 1px solid var(--grey);
        border-radius: 0.25rem;
        border-top: 0;
        border-bottom: 0
    }
    body#page-question-type-calculated div[id^=fitem_id_][id*=feedback_],
    body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=feedback_] {
        background: var(--black);
        margin-bottom: 2em;
        margin-top: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        border: 1px solid var(--grey);
        border-radius: 0.25rem;
        border-top: 0
    }
    .que.calculatedmulti .answer .specificfeedback {
        display: inline;
        padding: 0 .7em;
        background: #fff3bf
    }
    .que.calculatedmulti .answer .specificfeedback * {
        display: inline;
        background: #fff3bf
    }
    .que.calculatedmulti .answer .specificfeedback script {
        display: none
    }
    .que.calculatedmulti .answer div.r0,
    .que.calculatedmulti .answer div.r1 {
        display: flex;
    ...

Reviews

No reviews yet.