Skip to content

Mint Forest Theme by aphrofluff

Screenshot of Mint Forest Theme

Details

Authoraphrofluff

LicenseNo License

CategoryDark, Mint, Forest, Green

Created

Updated

Size7.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This minty glossy Dark theme is perfect for late night study sessions.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Mint Forest Theme
@version      20241023.02.41
@namespace    https://userstyles.world/user/aphrofluff
@description  This minty glossy Dark theme is perfect for late night study sessions.
@author       aphrofluff
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://miaprep.com") {
    /* ~~~~ Color Palette ~~~~
    - 86ebc0 Text
    -  HighLight
    -  Darkest
    -  Darker
    -  Dark
    - 23463e Base
    - 3b7868 Lighter
    - 5fc068 Lightest
    - #0e1613,#0f211c --- Background
    - #2a594d Side Panel
    - 5fc068 Tab
    - e6e1c9 Ascent Color
    */
    
    /* ~~~~ Text ~~~~ */
    
        .list-group-item.mia-Menu-item--selected *, .list-group-item:focus * {
  color: #86ebc0 !important;
}

/*-------------------------------*/

.mia-PracticeProgressBar[data-v-180bd864] {
  color: #86ebc0 !important;
}

 /* .mia-PracticeAndAssessment .mia-SubmitButton {
       
  width: 100% !important;
  color: #86ebc0 !important;
  padding: 12px 16px !important;
  transition: all .2s ease-in-out;
  background: linear-gradient(to right, #37e49b, #04271e) !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;  
      
      
  .mia-PracticeAndAssessment .mia-ButtonPrimary:hover {
  background: #2a594d;
  border: 2px solid #18312c;
  box-shadow: 0 2px #00000030;
      
}       
} */

.mia-PracticeAndAssessment .mia-SubmitButton {
color: #86ebc0 !important;
}

  .mia-PracticeAndAssessment .mia-ButtonPrimary {
  background: #2a594d;
  border: 2px solid #2a594d;
  box-shadow: 0 2px #00000030;
}  

.mia-PracticeAndAssessment .mia-ButtonPrimary:not(.disabled):hover {
  background-color: #2a594d;
}

/*-------------------------------*/


.text-muted {
  color: #86ebc0 !important;
}
    
        a {
  color: #ddd !important;
}

.mia-Friends-mainColumn {
  color: #86ebc0;
}
    
        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #86ebc0 !important;
}
    
        .mia-ColumnSet .mia-Column.mia-main > * {
  color: #86ebc0 !important;
}
    
    .mia-ListItemMessage .panel-heading {
  color: #86ebc0 !important;
}
    

        .form-control::placeholder, .mia-formControlIsometric::placeholder {
  color: #86ebc0 !important;
}
    
        .panel-default > .panel-heading {
  color: #a2e0a8  !important;
}
    
body {
  color: #a2e0a8  !important;
}
  
    .mia-ColumnSet .mia-Column.mia-main > * {
  color: #a2e0a8  !important;
}
    /* pfp Messages */
    .mia-ProfileTeamListItem:hover {
  color: #a2e0a8 !important;
}
    
    .mia-ProfileTeamListItem {
  color: #86ebc0 !important;
}
    
    /* ~~~~ Background ~~~~ */
    
        body.mia-children.mia-background-plain::after, body.mia-parents.mia-background-plain::after {
  background-image: linear-gradient(#0f211c,#0e1613) !important;
}
     
    
    /* ~~~~ Foreground ~~~~ */

.mia-PracticeProgressBar[data-v-180bd864] {
  border: 1px solid #85bea547 !important;
}

.mia-PracticeProgressSection[data-v-757df890] {
  border-bottom: 1px solid #85bea547 !important;
}
    
        .mia-ColumnSet .mia-Column.mia-main > * {
  background-color: #23463e !important;
}
    
            .mia-Friends-mainColumn {
  background-color: #2a594d !important;
}
    
        .mia-Sidebar-highlight {
  background-color: #22493f !important;
}
    
        .mia-learningPathTask .mia-learningPathItem {
  background-color: #2a594d !important;
}

.mia-SelectableAnswer[data-v-7da4c336] {
  border: 2px solid #316659 !important;
  box-shadow: 0 2px #00000030 !important;
  background: #2a594d !important;
}


    /* Lesson Background */
        .mia-LessonContents {
  background-color: #2a594d !important;
}
    
    .mia-LessonContents {
  border: 1px solid #23463e !important;
}
    
    /* Hover Highlight */
        .mia-learningPathTask .mia-learningPathItem .mia-learningPathLink:hover {
  background-color: #2a594d !important;
}
    
    /* pfps footer | My friends menu */
        .panel {
  background-color: #23463e !important;
}
    
    /* Search Bar | My friends menu  */
        .form-control, .mia-formControlIsometric {
  background-color: #3b7868 !important;
}
    /* Search Bar Border | My friends menu  */
        .form-control, .mia-formControlIsometric {
  border: 1px solid #23463e !important;
}
    /* FilmMaker Menu */
        .mia-Filmmaker .mia-videoAuthor {
  background-color: #2a594d !important;
}
    /* pfp Background */
    .mia-ProfileTeamListItem {
  background-color: #2a594d !important;
  border-bottom: 1px solid #3b7868 !important;
}
    /* pfp Trophies Background */
    .mia-MedalList ul {
  background-color: #3b7868 !important;
}
    /* COMMENTS */
    .mia-ShoutBoxListItem.mia-status {
  background-color: #3b7868 !important;
  color: #86ebc0 !important; 
}
    
    .form-control, .mia-formControlIsometric, output {
  color: #fff !important; 
}
    
    
    /* ~~~~ Header ~~~~ */
    
        .mia-children .mia-Navbar {
  background-image: linear-gradient(90deg,#50a891 0,#3b7868) !important;
}
    
    /* Header Bottons */
        .mia-btn-primary {
  background-color: #23463e !important;
  border-color: #18312c !important;
}
     /* Bottons Backgrounds */
        .mia-btn-warning {
  background-color: #23463e !important;
  border-color: #18312c !important;
}
    /* Yellow Color-pop Button  */
    .mia-TextEditor .mia-texteditor-primary {
  flex: 1;
  background-color: #e6e1c9 !important;
}
    
    .mia-btn-encourage {
  background-color: #5196c4 !important;
  border-color: #938a5f !important;
}
    
    .mia-Header .mia-headerNavigationContainer .mia-profileLink.active {
  background-color: #2a594d !important;
}
    
    /* Bottons Backgrounds Huver */
        .mia-btn-primary:hover {
  background-color: #2c5c7c !important;
  border-color: #234b41 !important;
}
    
        .mia-btn-warning:hover {
  background-color: #5fc068 !important;
  border-color: #0f211c !important;
}
    
        .mia-btn-warning:hover {
  background-color: #2a594d !important;
  border-color: #234b41 !important;
}
    
        .mia-btn-warning:hover {
  background-color: #234b41 !important;
  border-color: #0f211c !important;
}
    
    /* Mini Header */
    .mia-Panel .panel-heading {
  background-color: #3b7868 !important; 
}
    
            /* Messages Header */
    .mia-ListItemMessage .panel-heading {
  background-color: #2a594d !important;
}
    
    
    /* ~~~~ Footer ~~~~ */
    
    .mia-Footer {
  background-color: #2a594d !important;
  color: #2a594d !important;
}
    
        .mia-Footer a:hover {
  color: #2a594d !important;
}
    
    .mia-Footer a {
  color: #63b7a1 !important;
}
    
    /* Video Footer */
       .mia-video {
  background-color: #2a594d !important;
}
    
    
     /* ~~~~ Menus ~~~~ */
    
        .mia-Panel--listGroupContainer .list-group-item {
  background-color: #3b7868 !important;
}

    .mia-Panel--listGroupContainer .list-group-item {
  background-color: #2a594d !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-image: linear-gradient(#acb56e,#6a713c)  !important;
}
        
        
        
        
}

}

Reviews

No reviews yet.