/* ==UserStyle==
@name UVE Dark Theme
@namespace USO Archive
@author Jamal Kay Rogers
@description This style is for the USeP Virtual Environment (UVE), the official learning management system of the University of Southeastern Philippines. If you are a USePiano, please feel free to use the theme and modify it however you like. I hope somehow this can help the USeP community especially those who would love to read during the night. I'm not an expert in interaction design. My apologies if there are bad design/s components here. Please feel free to contact me or leave feedback if you have any recommendations for improving the design. Cheers! Jamal Rogers
@version 20211006.04.32
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain('uve.usep.edu.ph') {
/* MAIN */
body {
background-color: black !important;
}
nav.navbar {
background-color: #865b06;
}
nav.navbar ul.navbar-nav li>a, nav.navbar ul.navbar-nav .nav-item>a {
color: #fff;
}
nav.navbar .moove-search-input .search-input-form .close-search {
background: #404040;
}
nav.navbar ul.navbar-nav .popover-region .popover-region-toggle {
color: #fff;
}
.slicon-magnifier:before {
color: white;
}
#page-navbar .breadcrumb li .no-link {
background-color: #6c160600;
border-color: #6c1606;
}
#page-navbar .breadcrumb li>* {
color: #fff !important;
background-color: #6c1606;
border-color: #6c1606;
}
.card, #page-enrol-users #filterform, .que .history, .userprofile .profile_tree section, .groupinfobox, .well {
background-color: #202020;
}
h1, .h1, h2, .h2, .path-calendar .maincalendar .calendar-controls .current, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
color: #fff !important;
}
a {
color: #fff !important;
}
a:-webkit-any-link {
color: #fff !important;
cursor: pointer;
}
/* text content */
body {
color: #fff !important;
}
/* Search font/text box */
.form-control {
color: #fff !important;
}
.region_main_settings_menu_proxy {
background-color: #fff0 !important;
}
.dropdown-menu {
background-color: #202020;
}
nav.navbar ul.navbar-nav .popover-region .popover-region-container .popover-region-content-container .content-item-container {
background-color: #202020;
}
.popover-region-footer-container {
background-color: #202020;
}
.list-group-item {
background-color: #202020;
}
[data-region="blocks-column"] {
background-color: #202020;
}
.border-bottom {
border-bottom: 1px solid #202020!important;
}
.bg-white {
background-color: #202020!important;
}
.bg-light {
background-color: #404040!important;
}
.form-control {
background-color: #404040;
}
.form-control {
background-color: #404040;
}
a:-webkit-any-link {
color: #fff !important;
}
/* Notif dropdown Header */
.popover-region-header-container {
background-color: #404040;
}
/* Notif main page background */
.preferences-container .preference-table tr th:nth-child(even) {
background-color: #202020;
}
.preferences-container .preference-table tr td:nth-child(even) {
background-color: #202020;
}
/* Course Banner Padding */
.pb-3, .py-3 {
padding-bottom: 1rem!important;
}
.pt-3 {
padding-top: 1rem!important;
background-color: black;
}
.py-3 {
padding-top: 1rem!important;
background-color: 404040;
}
/* Activity chooser */
.jschooser .choosercontainer #chooseform .instruction, .jschooser .choosercontainer #chooseform .typesummary {
background-color: #404040;
}
fieldset {
background-color: #404040;
}
.choosercontainer #chooseform .moduletypetitle, .choosercontainer #chooseform .option, .choosercontainer #chooseform .nonoption {
background-color: #404040;
}
.choosercontainer #chooseform .submitbuttons {
background-color: #404040!important;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
color: #6c1606 !important;
}
/* Navbar hover */
.dropdown-item:hover, .dropdown-item:focus {
background-color: #6c1606;
}
nav.navbar ul.navbar-nav .popover-region .popover-region-container .popover-region-content-container .content-item-container:hover {
background-color: #6c1606;
}
/* Chat hover */
.list-group-item-action:hover, .list-group-item-action:focus {
background-color: #6c1606;
}
/* Chat background end-user */
.bg-secondary {
background-color: #6c1606!important;
}
/* Course progress */
.progress-circle:before {
background-color: #6c1606;
}
/* Course tab */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #6c1606;
border-color: #dee2e6 #dee2e6 #eef5f9;
}
/* Footer background */
#top-footer {
background-image: none !important;
}
/* Content dialogue */
.modal-content, .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content {
background-color: #000;
}
/* icons */
#page-login-index.moove-login .loginpanel .card-block .form .input-group-addon, #page-login-index.moove-login .loginpanel #page-enrol-users #filterform .form .input-group-addon, #page-enrol-users #page-login-index.moove-login .loginpanel #filterform .form .input-group-addon {
background-color: #6c1606;
}
/* alert */
.alert-danger, #page-admin-index .adminerror {
color: #fff !important;
background-color: #000000;
}
/* file icon name */
.fp-iconview .fp-filename-field .fp-filename {
background: #6c1606 !important;
}
/* Question info */
.que .info {
background-color: #404040 !important;
}
/* Quiz navi */
.path-mod-quiz #mod_quiz_navblock .qnbutton {
background-color: #000 !important;
}
/* Quiz summary table left */
table.quizreviewsummary th.cell {
background: #404040 !important;
}
/* Quiz summary table right */
table.quizreviewsummary td.cell {
background: #202020 !important;
}
/* Quiz add questions back */
#page-mod-quiz-edit ul.slots li.section .content {
background-color: #404040;
}
/* Add questions to Quiz */
#page-mod-quiz-edit ul.slots li.section li.activity {
background: #6c1606;
}
#page-mod-quiz-edit .section .activity .actions {
background: #6c1606;
}
#page-mod-quiz-edit #categoryquestions .questionname, #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
color: #fff;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
color: #fff;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
background-color: #404040;
}
#page-mod-quiz-edit ul.slots li.section li.activity .edit_icon, #page-mod-quiz-edit ul.slots li.section li.activity a.preview, #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete, #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
background-color: #6c1606;
}
/* Page navigation back */
.page-link {
background-color: #000 !important;
}
/* Comment quiz */
.que .comment {
background-color: #202020;
}
/* White space focus */
.form-control:focus {
background-color: #404040 !important;
}
/* Atto editor */
.editor_atto_content_wrap {
background-color: #404040;
color: #fff;
}
.editor_atto_notification .atto_info {
background-color: #404040;
}
div.editor_atto_toolbar {
background: #404040;
}
.que.essay .qtype_essay_response.readonly {
background-color: #404040;
}
/* Question back */
.alert-info, #page-admin-index .releasenoteslink, #adminsettings .form-overridden, .que .formulation, .assignfeedback_editpdf_widget .label {
color: #fff;
background-color: #404040;
}
/* Assignmet Back */
.path-mod-assign .gradingtable tr.unselectedrow td {
background-color: #202020;
}
/* Grading */
.path-mod-assign [data-region="grade-panel"] {
background-color: #404040;
}
/* Feedback comments border */
.path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
background-color: #202020;
}
/* button back */
.btn-secondary, .btn-default {
color: #fff;
background-color: #202020;
}
/* button text */
.btn-link {
color: #fff;
}
/* select */
.custom-select {
background-color: #60A3D9;
color: #fff !important;
}
/* MCE Editor */
.moodleSkin .mceListBox .mceText {
background: #404040;
}
.moodleSkin td.mceToolbar, .moodleSkin td.mceStatusbar, .moodleSkin .mceMenuItemTitle a {
background: #404040;
}
element.style {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
color: rgb(255 255 255);
}
pre {
display: block;
font-size: 87.5%;
color: #fff;
}
.moodleSkin table.mceListBoxEnabled:hover .mceText, .moodleSkin .mceListBoxHover .mceText, .moodleSkin .mceListBoxSelected .mceText {
background: #404040;
}
/* Course format back */
#page-course-view-topics .course-content .single-section .sectionname, #page-course-view-topics .course-content .section .sectionname {
border-color: #eef5f9;
border-style: solid;
border-width: 2px 2px 2px 2px;
background: #404040;
margin: 0 0 0 0;
padding: 12px 15px 5px 15px;
letter-spacing: .1em;
text-transform: uppercase;
color: #6c1606;
font-weight: 700;
text-align: center;
}
/* Grades */
.path-grade-report-grader .gradeparent tr .cell {
background-color: #404040;
}
.path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell, .path-grade-report-grader .gradeparent .floater .cell, .path-grade-report-grader .gradeparent .avg {
background-color: #404040;
}
/* Caldendar */
.path-calendar .maincalendar .calendarmonth .header {
background-color: #000;
color: #fff;
}
/* Dashboard course summary */
.block .block-cards .course-summaryitem {
background-color: #202020;
}
/* Manage files back */
#region-main {
...
