Crimson Red Theme by aphrofluff

/* ==UserStyle==
@name         Crimson Red Theme
@version      20241016.00.11
@namespace    https://userstyles.world/user/aphrofluff
@description  This perfectly glossy Crimson theme is perfect for all usersthat don't want a flash bang every single time they open the miaprep.
@author       aphrofluff
@license      No License
==/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: #e8563d !important;
}
    
        a {
  color: #ddd !important;
}
    
        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #e8563d !important;
}
    
        .mia-ColumnSet .mia-Column.mia-main > * {
  color: #e8563d !important;
}
    
    .mia-ListItemMessage .panel-heading {
  color: #e8563d !important;
}
    

        .form-control::placeholder, .mia-formControlIsometric::placeholder {
  color: #e8563d !important;
}
    
        .panel-default > .panel-heading {
  color: #e8563d  !important;
}
    
body {
  color: #e8563d  !important;
}
  
    .mia-ColumnSet .mia-Column.mia-main > * {
  color: #e8563d  !important;
}
    /* pfp Messages */
    .mia-ProfileTeamListItem:hover {
  color: #e8563d !important;
}
    
    .mia-ProfileTeamListItem {
  color: #e8563d !important;
}
    
    /* ~~~~ Background ~~~~ */
    
        body.mia-children.mia-background-plain::after, body.mia-parents.mia-background-plain::after {
  background-image: linear-gradient(#40150d,#220804,#090201) !important;
}
    
    
    /* ~~~~ Foreground ~~~~ */
    
        .mia-ColumnSet .mia-Column.mia-main > * {
  background: linear-gradient(#250904,#53160b,#b93f2a) !important;
}
    
            .mia-Friends-mainColumn {
  background-color: #430f04 !important;
}
    
        .mia-Sidebar-highlight {
  background-color: #752517 !important;
}
    
        .mia-learningPathTask .mia-learningPathItem {
  background: linear-gradient(#752517,#53160b)
}
    
    /* Lesson Background */
        .mia-LessonContents {
  background-color: #430f04 !important;
}
    
    .mia-LessonContents {
  border: 1px solid #41140c !important;
}
    
    /* Hover Highlight */
        .mia-learningPathTask .mia-learningPathItem .mia-learningPathLink:hover {
  background-color: #430f04 !important;
}
    
    /* pfps footer | My friends menu */
        .panel {
  background: linear-gradient(#752517,#430f04);
}
    
    /* |||Search Bar||| */
        .form-control, .mia-formControlIsometric {
  background-color: #b93f2a38 !important;
}
    /* Search Bar Border | My friends menu  */
        .form-control, .mia-formControlIsometric {
  border: 1px solid #430f04 !important;
}
    /* FilmMaker Menu */
        .mia-Filmmaker .mia-videoAuthor {
  background-color: #430f04 !important;
}
    /* pfp Background */
    .mia-ProfileTeamListItem {
  background: linear-gradient(to left,#b93f2a,#430f04);
  border-bottom: 1px solid #430f04 !important;
}
    /* pfp Trophies Background */
    .mia-MedalList ul {
  background: linear-gradient(to left,#b93f2a,#430f04);
}
    /* COMMENTS */
    .mia-ShoutBoxListItem.mia-status {
  background-color: #430f04 !important;
  color: #b93f2a !important; 
}
    
    .form-control, .mia-formControlIsometric, output {
  color: #fff !important; 
}
    
    
    /* ~~~~ Header ~~~~ */
    
        .mia-children .mia-Navbar {
  background-image: linear-gradient(#430f04 0,#310b03) !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  background-color: #b93f2a !important;
}
    
    /* Header Bottons */
        .mia-btn-primary {
  background-color: #430f04 !important;
  border-color: #430f04 !important;
}
     /* Bottons Backgrounds */
        .mia-btn-warning {
  background-color: #430f04 !important;
  border-color: #310b03 !important;
}
    /* Yellow Color-pop Button  */
    .mia-TextEditor .mia-texteditor-primary {
  flex: 1;
  background-color: #07c80a !important;
}
    
    .mia-btn-encourage {
  background-color: #07c80a !important;
  border-color: #128a09 !important;
}
    
    .mia-Header .mia-headerNavigationContainer .mia-profileLink.active {
  background-image: radial-gradient(#b93f2a,#852d1e,#53160b) !important;
}
    
    /* Bottons Backgrounds Huver */
        .mia-btn-primary:hover {
  background-color: #430f04 !important;
  border-color: #430f04 !important;
}
    
        .mia-btn-warning:hover {
  background-color: #b93f2a !important;
  border-color: #1e0702 !important;
}
    
        .mia-btn-warning:hover {
  background-color: #752517 !important;
  border-color: #752517 !important;
}
    
        .mia-btn-warning:hover {
  background-color: #752517 !important;
  border-color: #202020 !important;
}
    
    /* Mini Header */
    .mia-Panel .panel-heading {
  background-color: #752517 !important;
}
    
            /* Messages Header */
    .mia-ListItemMessage .panel-heading {
  background-color: #752517 !important;
}
    
    
    /* ~~~~ Footer ~~~~ */
    
    .mia-Footer {
  background-color: #1e0702 !important;
  color: #752517 !important;
}
    
        .mia-Footer a:hover {
  color: #752517 !important;
}
    
    .mia-Footer a {
  color: #b93f2a !important;
}
    
    /* Video Footer */
       .mia-video {
  background: linear-gradient(to bottom,#ea3819, #752517)  !important;
}
    
    
     /* ~~~~ Menus ~~~~ */
    
        .mia-Panel--listGroupContainer .list-group-item {
  background-color: #752517 !important;
}

    .mia-Panel--listGroupContainer .list-group-item {
  background-color: #752517 !important;
}

    
}