Simple Dark Theme for MySchoolApp with small tweaks.
MySchoolApp Dark Mode by thereisnobodyhere
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
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,
...