Skip to content

MySchoolApp Dark Mode by thereisnobodyhere

Screenshot of MySchoolApp Dark Mode

Details

Authorthereisnobodyhere

LicenseNONE

Categorydark mode or something

Created

Updated

Size19 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Simple Dark Theme for MySchoolApp with small tweaks.

Notes

The Assignment Center is still in light mode because I don't know how to change it :)

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         myschoolapp-theme
@namespace    USO Archive
@author       Keyboard Fire
@description  A dark theme for myschoolapp. Also normalizes fonts and removes unnecessary decorations like animations, shadows, and rounded corners. See http://keyboardfire.com/s/myschoolapp-improvements/
@version      20170820.17.25
@license      NONE
@preprocessor uso
==/UserStyle== */
/*
 * dark themed stylesheet for myschoolapp
 * Copyright (C) 2017  Keyboard Fire <andy@keyboardfire.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
@-moz-document domain("myschoolapp.com") {
    * {
        font-family: 'Noto Sans', sans-serif !important;
        transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important;
        -webkit-transition: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    .fa,
    .ui-jqgrid thead .sorting-desc > div > span,
    .ui-jqgrid thead .sorting-asc > div > span,
    .caret,
    .pagination .first a,
    .pagination .previous a,
    .pagination .next a,
    .pagination .last a,
    .pagination [ng-if="::directionLinks"] a,
    .nav.nav-tabs > li > a .bb-tab-close-icon,
    .nav.nav-tabs ul.dropdown-menu > li > a .bb-tab-close-icon,
    .nav-tabs.nav-justified > li > a .bb-tab-close-icon,
    .nav-tabs.nav-justified ul.dropdown-menu > li > a .bb-tab-close-icon,
    .iti-arrow,
    .bb-icon {
        font-family: FontAwesome !important
    }
    .p3icon-laptop,
    .p3icon-desktop,
    .p3icon-email,
    .p3icon-phone,
    .p3icon-home,
    .p3icon-file,
    .p3icon-radioOn,
    .p3icon-sortOff,
    .p3icon-sortUp,
    .p3icon-sortDown,
    .p3icon-warning,
    .p3icon-shareIt,
    .p3icon-mail,
    .p3icon-share,
    .p3icon-reviewReady,
    .p3icon-processing,
    .p3icon-reports,
    .p3icon-events,
    .p3icon-eventList,
    .p3icon-sideArrow,
    .p3icon-leftArrow,
    .p3icon-upArrow,
    .p3icon-downArrow,
    .p3icon-sms,
    .p3icon-assignmentUpload,
    .p3icon-transcript,
    .p3icon-learningProfile,
    .p3icon-tree,
    .p3icon-import,
    .p3icon-map,
    .p3icon-topicText,
    .p3icon-image,
    .p3icon-affinity,
    .p3icon-announcements,
    .p3icon-annualFund,
    .p3icon-topicAssignment,
    .p3icon-topicAudio,
    .p3icon-businessIndex,
    .p3icon-topicDownload,
    .p3icon-topicWidget,
    .p3icon-faq,
    .p3icon-forms,
    .p3icon-topicLink,
    .p3icon-lists,
    .p3icon-navigation,
    .p3icon-news,
    .p3icon-pageTools,
    .p3icon-topicPhoto,
    .p3icon-socialMedia,
    .p3icon-trivia,
    .p3icon-topicVideo,
    .p3icon-WalignmentL,
    .p3icon-WalignmentC,
    .p3icon-WalignmentR,
    .p3icon-WweightB,
    .p3icon-WstyleI,
    .p3icon-WdecoU,
    .p3icon-WdecoS,
    .p3icon-notification,
    .p3icon-denied,
    .p3icon-education,
    .p3icon-business,
    .p3icon-general,
    .p3icon-realtionships,
    .p3icon-emg,
    .p3icon-note,
    .p3icon-not,
    .p3icon-noteDetail,
    .p3icon-reportCard,
    .p3icon-polls,
    .p3icon-ppArchive,
    .p3icon-archive,
    .p3icon-button,
    .p3icon-spacer,
    .p3icon-notification-2,
    .p3icon-line,
    .p3icon-pageTitle,
    .p3icon-tablet,
    .p3icon-mobile,
    .p3icon-display,
    .p3icon-officalNote,
    .p3icon-addNew,
    .p3icon-stream,
    .p3icon-directory,
    .p3icon-searchWhite,
    .p3icon-search,
    .p3icon-circleright,
    .p3icon-ok,
    .p3icon-check,
    .p3icon-duplicate,
    .p3icon-series,
    .p3icon-setting,
    .p3icon-remove,
    .p3icon-delete,
    .p3icon-edit,
    .p3icon-message,
    .p3icon-calendar,
    .p3icon-trash,
    .p3icon-rss,
    .p3icon-lock,
    .p3icon-print,
    .p3icon-radioOff,
    .p3icon-circleup,
    .p3icon-circledown,
    .p3icon-circleleft,
    .p3icon-broadcast,
    .p3icon-phone-2,
    .p3icon-paperclip,
    .p3icon-upload,
    .p3icon-user,
    .p3icon-preview,
    .p3icon-export,
    .p3icon-newspaper,
    .p3icon-alarm,
    .p3icon-gmail,
    .p3icon-eletter,
    .p3icon-comment,
    .p3icon-help,
    .p3icon-moreInfo,
    .p3icon-course1,
    .p3icon-course2,
    .p3icon-course3,
    .p3icon-wrapRight,
    .p3icon-wrapLeft,
    .p3icon-besideRight,
    .p3icon-besideLeft,
    .p3icon-sport,
    .p3icon-tally,
    .p3icon-considerations,
    .p3icon-offer,
    .p3icon-scheduler,
    .p3icon-transportation,
    .p3icon-header,
    .p3icon-3col,
    .p3icon-2colSplit,
    .p3icon-2colLeft,
    .p3icon-2colRight,
    .p3icon-2rowRight,
    .p3icon-2rowLeft,
    .p3icon-topAlign,
    .p3icon-botAlign,
    .p3icon-logo,
    .p3icon-pageContent,
    .p3icon-teamSchedule,
    .p3icon-teamPicker,
    .p3icon-sitemap,
    .p3icon-miniSitemap,
    .p3icon-coursePicker,
    .p3icon-breadcrumb,
    .p3icon-newsPaper,
    .p3icon-newspaper2,
    .p3icon-grid,
    .p3icon-store,
    .p3icon-filter,
    .p3icon-stats,
    .p3icon-teamRoster,
    .p3icon-mobileMenu,
    .p3icon-thinArrowLeft,
    .p3icon-up,
    .p3icon-down,
    .p3icon-waived,
    .p3icon-requested,
    .p3icon-editAppearance2,
    .p3icon-whLogo,
    .p3icon-support,
    .p3icon-play,
    .p3icon-addNote,
    .p3icon-refresh,
    .p3icon-googledrive,
    .p3icon-dropbox,
    .p3icon-evernote,
    .p3icon-megaMenu {
        font-family: icomoon !important
    }
    .nav.nav-tabs,
    .nav-tabs.nav-justified {
        border-color: #383838
    }
    .whiteContainer1,
    li.divider,
    hr,
    .bb-tile hr,
    .calendar-list .bb-tile-content .bb-tile-content-section #myFilters .results .calendarHeader,
    .calendar-list .bb-tile-content .bb-tile-content-section .selectHideCals,
    .fc-unthemed td,
    .fc-unthemed tbody,
    .fc th,
    .fc td,
    .fc-widget-header,
    #fc-list-view,
    .input-group .btn,
    .table thead tr th,
    .table tbody tr td,
    .table > thead > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > th,
    .table > tbody > tr > td,
    .table > tfoot > tr > th,
    .table > tfoot > tr > td,
    .bb-tile-content-section:not(:last-child),
    .ui-widget-content,
    .bb-card-actions {
        border-color: #585858
    }
    #site-nav ul.topnav li div.subnavtop {
        border-left-color: transparent !important;
        border-right-color: transparent !important
    }
    .tooltip.top .tooltip-arrow {
        border-top-color: #b8b8b8
    }
    #media-viewer-grid .grid-item {
        border-color: #282828
    }
    #media-viewer-grid .grid-item.active {
        border-color: #b8b8b8
    }
    .thumbnail,
    .table .table,
    #media-viewer .carousel-control,
    .carousel-control.left,
    .carousel-control.right {
        background-color: transparent;
        background-image: none
    }
    .subnavbar .nav > li > a:hover,
    .subnavbar .nav > .active > a:hover,
    .bb-section-heading,
    .bb-page-heading,
    .bb-emphasized,
    .bb-headline,
    .thumbnail .caption,
    .calendar-list .nav-list > li,
    .table > thead > tr > th,
    .nav-filter h5,
    div.token-input-dropdown p,
    .popover-content,
    .btn:hover,
    .btn:focus,
    .btn.focus,
    #media-viewer .carousel-control {
        color: #fff
    }
    .bb-section-heading {
        white-space: nowrap
    }
    body,
    .cal-layout .sidebar-nav-fixed,
    .modal-content {
        background-color: #000;
        border-color: #fff;
        color: #000
    }
    #site-login-main-wrapper,
    .bb-tile .bb-tile-title,
    .bb-tile-content,
    .bb-action-bar,
    .bb-card,
    table.table-sky thead,
    .subnavbar .nav > .active > a,
    .subnavbar .nav > .active > a:hover,
    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus,
    .well,
    #site-nav ul.topnav > li > a:hover,
    .section-heading,
    #fullCalView,
    .modal-header,
    .modal-footer,
    .thumbnail,
    .conDefault,
    .teaserBox,
    .ui-widget-header,
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .nav.nav-tabs > li.active > a,
    .nav.nav-tabs > li.active > a:hover,
    .nav.nav-tabs > li.active > a:focus,
    .nav.nav-tabs ul.dropdown-menu > li.active > a,
    .nav.nav-tabs ul.dropdown-menu > li.active > a:hover,
    .nav.nav-tabs ul.dropdown-menu > li.active > a:focus,
    .nav-tabs.nav-justified > li.active > a,
    .nav-tabs.nav-justified > li.active > a:hover,
    .nav-tabs.nav-justified > li.active > a:focus,
    .nav-tabs.nav-justified ul.dropdown-menu > li.active > a,
    .nav-tabs.nav-justified ul.dropdown-menu > li.active > a:hover,
    .nav-tabs.nav-justified ul.dropdown-menu > li.active > a:focus {
        background-color: #282828;
        background-image: none;
        border-color: #383838;
        color: #fff
    }
    .form-control,
    ul.token-input-list,
    ul.token-input-list li input,
    .btn-primary,
    .btn-default,
    .bb-btn-secondary,
    .fc-state-default,
    .fc-state-default .fc-button-inner,
    .fc-event-skin,
    .popContainerStraight,
    .table-striped > tbody > tr:nth-of-type(2n+1),
    .table thead,
    #courses #coursesContainer .row:nth-child(2n+1),
    #courses #communitiesContainer .row:nth-child(2n+1),
    #courses #advisoryContainer .row:nth-child(2n+1),
    #courses #athleticsContainer .row:nth-child(2n+1),
    .chCal-state-default,
    .chCal-state-default .chCal-button-inner,
    .fc-unthemed .fc-today,
    .fc td.fc-today,
    .containerFull.whiteContainer1,
...

Reviews

No reviews yet.