This perfectly glossy midnight theme is perfect for all users
that don't want a flash bang every single time they open the miaprep.
Midnight Purple Theme by aphrofluff
Details
Authoraphrofluff
LicenseNo License
CategoryDark Theme, Purple, Glossy
Created
Updated
Size5.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name miaprep.com
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://miaprep.com") {
/* ~~~~ Color Palette ~~~~
- #8d8df4 Text
- #acacec HighLight
- #202020 Darkest
- #212149 Darker
- #29295b Dark
- #39397c Base
- #4b4ba7 Lighter
- #5656c0 Lightest
*/
/* ~~~~ Text ~~~~ */
.list-group-item.mia-Menu-item--selected *, .list-group-item:focus * {
color: #8d8df4 !important;
}
a {
color: #ddd !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: #8d8df4 !important;
}
.mia-ColumnSet .mia-Column.mia-main > * {
color: #8d8df4 !important;
}
.mia-ListItemMessage .panel-heading {
color: #8d8df4 !important;
}
.form-control::placeholder, .mia-formControlIsometric::placeholder {
color: #8d8df4 !important;
}
.panel-default > .panel-heading {
color: #acacec !important;
}
body {
color: #acacec !important;
}
.mia-ColumnSet .mia-Column.mia-main > * {
color: #acacec !important;
}
/* pfp Messages */
.mia-ProfileTeamListItem:hover {
color: #acacec !important;
}
.mia-ProfileTeamListItem {
color: #8d8df4 !important;
}
/* ~~~~ Background ~~~~ */
body.mia-children.mia-background-plain::after, body.mia-parents.mia-background-plain::after {
background-image: linear-gradient(#0f0f22,#080813) !important;
}
/* ~~~~ Foreground ~~~~ */
.mia-ColumnSet .mia-Column.mia-main > * {
background-color: #212149 !important;
}
.mia-Friends-mainColumn {
background-color: #39397c !important;
}
.mia-Sidebar-highlight {
background-color: #29295b !important;
}
.mia-learningPathTask .mia-learningPathItem {
background-color: #29295b !important;
}
/* Lesson Background */
.mia-LessonContents {
background-color: #39397c !important;
}
.mia-LessonContents {
border: 1px solid #212149 !important;
}
/* Hover Highlight */
.mia-learningPathTask .mia-learningPathItem .mia-learningPathLink:hover {
background-color: #39397c !important;
}
/* pfps footer | My friends menu */
.panel {
background-color: #2c2c60 !important;
}
/* Search Bar | My friends menu */
.form-control, .mia-formControlIsometric {
background-color: #5656c0 !important;
}
/* Search Bar Border | My friends menu */
.form-control, .mia-formControlIsometric {
border: 1px solid #212149 !important;
}
/* FilmMaker Menu */
.mia-Filmmaker .mia-videoAuthor {
background-color: #39397c !important;
}
/* pfp Background */
.mia-ProfileTeamListItem {
background-color: #39397c !important;
border-bottom: 1px solid #4b4ba7 !important;
}
/* pfp Trophies Background */
.mia-MedalList ul {
background-color: #39397c !important;
}
/* COMMENTS */
.mia-ShoutBoxListItem.mia-status {
background-color: #39397c !important;
color: #8d8df4 !important;
}
.form-control, .mia-formControlIsometric, output {
color: #fff !important;
}
/* ~~~~ Header ~~~~ */
.mia-children .mia-Navbar {
background-image: linear-gradient(90deg,#5555b7 0,#39397c) !important;
}
/* Header Bottons */
.mia-btn-primary {
background-color: #212149 !important;
border-color: #202020 !important;
}
/* Bottons Backgrounds */
.mia-btn-warning {
background-color: #2e2e57 !important;
border-color: #202020 !important;
}
/* Yellow Color-pop Button */
.mia-TextEditor .mia-texteditor-primary {
flex: 1;
background-color: #ffa801 !important;
}
.mia-btn-encourage {
background-color: #ffa801 !important;
border-color: #8a5e09 !important;
}
.mia-Header .mia-headerNavigationContainer .mia-profileLink.active {
background-color: #39397c !important;
}
/* Bottons Backgrounds Huver */
.mia-btn-primary:hover {
background-color: #39397c !important;
border-color: #212149 !important;
}
.mia-btn-warning:hover {
background-color: #5656c0 !important;
border-color: #202020 !important;
}
.mia-btn-warning:hover {
background-color: #39397c !important;
border-color: #212149 !important;
}
.mia-btn-warning:hover {
background-color: #212149 !important;
border-color: #202020 !important;
}
/* Mini Header */
.mia-Panel .panel-heading {
background-color: #39397c !important;
}
/* Messages Header */
.mia-ListItemMessage .panel-heading {
background-color: #39397c !important;
}
/* ~~~~ Footer ~~~~ */
.mia-Footer {
background-color: #29295b !important;
color: #39397c !important;
}
.mia-Footer a:hover {
color: #4b4ba7 !important;
}
.mia-Footer a {
color: #5656c0 !important;
}
/* Video Footer */
.mia-video {
background-color: #39397c !important;
}
/* ~~~~ Menus ~~~~ */
.mia-Panel--listGroupContainer .list-group-item {
background-color: #29295b !important;
}
.mia-Panel--listGroupContainer .list-group-item {
background-color: #29295b !important;
}
}