Skip to content

Mint Forest Theme by aphrofluff

Screenshot of Mint Forest Theme

Details

Authoraphrofluff

LicenseNo License

CategoryDark, Mint, Forest, Green

Created

Updated

Size16 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

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==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 .mia-progress[data-v-13fed715] {
    background-color: #41D295;
}
    
/*-------------------------------*/ 


 /* .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-PracticeControlButtons .btn.disabled[data-v-07298268] {
    /* Initial state of the button */
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0.7;  /* Optional: make it less opaque initially */
}

.mia-PracticeControlButtons .btn.disabled[data-v-07298268]:hover {
    /* When hovered over */
    transform: scale(1.03);  /* Scale it up to 103% */
    opacity: 1;  /* Make it fully opaque */
}


     
    .mia-btn-primary:hover {
  background-color: #264c44 !important;
  border-color: #204239 !important;
}
    
 
.mia-SelectableAnswer.selected .mia-RadioButton[data-v-77420736] {
  border: 6px #23715f solid;
}
    
        .mia-SelectableAnswer.selected[data-v-77420736] {
  background-color: #2c836c;
  border: 2px solid #28574b;
  box-shadow: 0 4px #1d3731;
}
    

    .mia-SelectableAnswer.selected[data-v-77420736]:hover {
  background-color: #2f9f81;
  border: 2px solid #28574b;
  box-shadow: 0 4px #1d3731;
}
    
.mia-PracticeAndAssessment .mia-tts.mia-answer[data-v-3b62118c]:hover {
  box-shadow: 0 4px #6cd2a6,0 0 8px #6cd2a6;

}
    

.mia-PracticeAndAssessment .mia-tts.mia-answer[data-v-3b62118c] {
  box-shadow: 0 4px #6cd2a6,0 0 8px #6cd2a6;

}

.mia-PracticeAndAssessment .mia-tts.mia-answer[data-v-3b62118c]:hover {
  box-shadow: 0 4px #6cd2a6,0 0 8px #6cd2a6;

}
     
    .mia-PracticeAndAssessment .mia-tts.mia-promptContent[data-v-0fa4e075] {
  box-shadow: 0 0 8px #86ebc0;
}
    
    .mia-SelectableAnswer[data-v-77420736]:hover {
  background-color: #2c836c;
  border: 2px solid #28574b;
  box-shadow: 0 4px #215246;
}
    
    .mia-SelectableAnswer.mia-answer.correct[data-v-77420736]:hover {
  background-color: #21BF62;
  border: 2px solid var(--mia-color-answer-correct-box-shadow);
  box-shadow: 0 4px var(--mia-color-answer-correct-box-shadow);
}
    
.mia-SelectableAnswer.mia-answer.correct[data-v-77420736] {
  background-color: #2CB363;
  border: 2px solid var(--mia-color-answer-correct-box-shadow);
  box-shadow: 0 4px var(--mia-color-answer-correct-box-shadow);
}
    
.mia-SelectableAnswer.mia-answer.wrong[data-v-77420736] {
  background-color: #D24222;
  border: 2px solid var(--mia-color-answer-wrong-box-shadow);
  box-shadow: 0 4px #853800;
}
    
    .mia-SelectableAnswer.mia-answer.wrong[data-v-77420736]:hover {
  background-color: #E34F2D;
  border: 2px solid #FB7560;
  box-shadow: 0 4px #853800;
}
    
    
    :root {
  --vs-colors--lightest: rgba(60,60,60,0.26);
  --vs-colors--light: rgba(60,60,60,0.5);
  --vs-colors--dark: #333;
  --vs-colors--darkest: rgba(0,0,0,0.15);
  --vs-search-input-color: inherit;
  --vs-search-input-bg: #fff;
  --vs-search-input-placeholder-color: inherit;
  --vs-font-size: 1rem;
  --vs-line-height: 1.4;
  --vs-state-disabled-bg: #f8f8f8;
  --vs-state-disabled-color: var(--vs-colors--light);
  --vs-state-disabled-controls-color: var(--vs-colors--light);
  --vs-state-disabled-cursor: not-allowed;
  --vs-border-color: var(--vs-colors--lightest);
  --vs-border-width: 1px;
  --vs-border-style: solid;
  --vs-border-radius: 4px;
  --vs-actions-padding: 4px 6px 0 3px;
  --vs-controls-color: var(--vs-colors--light);
  --vs-controls-size: 1;
  --vs-controls--deselect-text-shadow: 0 1px 0 #fff;
  --vs-selected-bg: #f0f0f0;
  --vs-selected-color: var(--vs-colors--dark);
  --vs-selected-border-color: var(--vs-border-color);
  --vs-selected-border-style: var(--vs-border-style);
  --vs-selected-border-width: var(--vs-border-width);
  --vs-dropdown-bg: #fff;
  --vs-dropdown-color: inherit;
  --vs-dropdown-z-index: 1000;
  --vs-dropdown-min-width: 160px;
  --vs-dropdown-max-height: 350px;
  --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
  --vs-dropdown-option-bg: #000;
  --vs-dropdown-option-color: var(--vs-dropdown-color);
  --vs-dropdown-option-padding: 3px 20px;
  --vs-dropdown-option--active-bg: #5897fb;
  --vs-dropdown-option--active-color: #fff;
  --vs-dropdown-option--deselect-bg: #5897fb;
  --vs-dropdown-option--deselect-color: #fff;
  --vs-transition-timing-function: cubic-bezier(1,-0.115,0.975,0.855);
  --vs-transition-duration: 150ms;
}
    
    body {
  font-family: ABeeZee;
  font-size: 14px;
  line-height: 1.428571429;
  color: #606060;
  background-color: #2a594d;
}
    
    .mia-Lesson.mia-LightMode {
  --mia-color-lesson: #2a594d;
  --mia-color-panel: linear-gradient(#19352e, #11241f);
  background: var(--mia-color-panel);
  --mia-color-panel-font: #383838;
  --mia-color-panel-font-header: #383838;
  --mia-color-contrastPanel: #224a40;
  --mia-color-contrastPanel-font: #606060;
  --mia-color-panel-separator: #e6e6e6;
  --mia-color-pdf-panel: #faf9f9;
  --mia-color-icon-task-locked: #bebebe;
  --mia-color-task-type-hover: #383838;
  --mia-color-icon-task: #27b7b0;
  --mia-color-icon-task-hover: #1d8984;
  --mia-color-background-task-hover: #e4f5f5;
  --mia-color-background-task-selected: #e4f5f5;
  --mia-color-icon-task-border-selected: #27b7b0;
  --mia-color-icon-task-selected-hover: #1d8984;
  --mia-color-background-task-selected-hover: #d4f1ef;
  --mia-color-icon-task-border-selected-hover: #1d8984;
  --mia-color-icon-task-assigned: #7f82d2;
  --mia-color-icon-task-assigned-hover: #5f629e;
  --mia-color-background-task-assigned-hover: #f0f0f9;
  --mia-color-background-task-assigned-selected: #f0f0f9;
  --mia-color-icon-task-border-assigned-selected: #7f82d2;
  --mia-color-icon-task-assigned-selected-hover: #5f629e;
  --mia-color-background-task-assigned-selected-hover: #e5e6f6;
  --mia-color-icon-task-border-assigned-selected-hover: #5f629e;
  --mia-color-icon-task-completed: #2cd56d;
  --mia-color-icon-task-completed-hover: #00854d;
  --mia-color-background-task-completed-hover: #eafbf1;
  --mia-color-icon-task-completed-selected-hover: #00854d;
  --mia-color-background-task-completed-selected: #eafbf1;
  --mia-color-background-task-completed-selected-hover: #d5f7e2;
  --mia-color-icon-task-border-completed-selected: #2cd56d;
  --mia-color-icon-task-border-completed-selected-hover: #00854d;
  --mia-label-default: #e6e6e6;
  --mia-label-default-font: #383838;
  --mia-label-info: #e4f5f5;
  --mia-label-info-font: #27b7b0;
  --mia-color-icon: #383838;
  --mia-color-buttonMore-hover: #dbdbdb;
  --mia-color-menu: #fff;
  --mia-color-menu-font: #383838;
  --mia-color-menu-border: #fff;
  --mia-color-option-hover: #bfc7d5;
  --mia-color-option-hover-font: #2c446b;
  --mia-color-buttonPrimary: #12cc22;
  --mia-color-buttonPrimary-font: #fff;
  --mia-color-buttonPrimary-border: #261511;
  --mia-color-buttonPrimary-disabled: #0c9c18;
  --mia-color-buttonPrimary-disabled-font: #fff;
  --mia-color-buttonPrimary-disabled-border: #2b886f;
  --mia-color-buttonPrimary-inverted: transparent;
  --mia-color-buttonPrimary-inverted-font: #86ebc0;
  --mia-color-buttonPrimary-inverted-border: #2a594d;
  --mia-color-modal-header: #304b76;
  --mia-color-modal-header-dark: #2c446b;
  --mia-color-modal-header-font: #fff;
  --mia-color-progres-bar: #e5e6f6;
  --mia-color-progres-bar-font: #404169;
}
    
    .mia-PracticeProgressBar[data-v-13fed715] {
  text-align: center;
  color: #86ebc0;
}
    
    .mia-PracticeAndAssessment .mia-SubmitButton {
  color: #3affab !important;
}
    
    .mia-PracticeProgressBar[data-v-13fed715] {
    border: 5px solid var(--mia-color-progress-bar-border);
    /*height: 10px; */
}
    
.mia-Lesson .mia-btn-primary.mia-btn-large {
  color: var(--mia-color-buttonPrimary-font);
  background-color: #2a594d;
  border-color: #1d3731;
  box-shadow: 0 2px 0 #1d3731,0 0 0 2px #2a594d inset;
}
    
    @media (min-width: 992px) {
  .mia-LessonMenu {
    background-color: #203e37;
    border-right: 1px solid #86ebc0;
  }
}
    
    .mia-PracticeAndAssessment .mia-TextBlock {
  color: #86ebc0;
}
    
    .mia-LightMode .mia-PracticeAndAssessment {
  --mia-color-panel-font: #86ebc0;
  --mia-color-panel: #23463e;
  --mia-color-panel-font-header: #fff;
  --mia-color-panel-separator: #86ebc0;
  --mia-color-icon: #86ebc0;
  --mia-color-icon-inverted: #86ebc0;
  --mia-color-answer: #2a594d;
  --mia-color-answer-hover: #faf9f9;
  --mia-color-answer-box-shadow: #1d3731;
  --mia-color-answer-box-shadow-hover: #2a594d;
  --mia-color-answer-correct-box-shadow: #00854D;
  --mia-color-answer-correct-feedback-font: #00854D;
  --mia-color-progres-bar-font: #404169;
  --mia-color-progress-bar-border: #348664;
}

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

.mia-PracticeAndAssessment .mia-ButtonPrimary:not(.disabled):hover {
  background-color: #...

Reviews

No reviews yet.