Skip to content

Midnight Purple Theme by aphrofluff

Screenshot of Midnight Purple Theme

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

This perfectly glossy midnight theme is perfect for all users
that don't want a flash bang every single time they open the miaprep.

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;
}

    
}

Reviews

No reviews yet.