This minty glossy Dark theme is perfect for late night study sessions.
Mint Forest Theme by aphrofluff
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
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;
}
}
}