Nokflex Dark Theme by crims-on

/* ==UserStyle==
@name           Nokflex Swagtheme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    ye
@author         Me
@var color main-color "Main Color" red
==/UserStyle== */

@-moz-document domain("nokflex.nok.se") {
    :root {
	--background: rgb(35, 35, 45);
	--background-alternative: rgb(35, 35, 51);
	--background-inverted: rgb(20, 20, 30);
	--text: rgb(240, 240, 240);
	--border: rgba(255, 255, 255, 0.1);
	--default: var(--main-color);
	--default-light: #b4c3e2;
	--card: rgb(50, 50, 60);
	--card-bg-text: #fff;
	--form-bg: #1c1c28;
	--form-shade: rgb(113, 113, 128);
	--form-border: rgba(60, 60, 70);
	--example: #5167de;
	--important: #d44a4a;
	--laboration: #3ca278;
	--tool: #f6712b;
}

hr {
	overflow: hidden;
}

.adaptive-icon[data-v-16c7d95d] {
	stroke: var(--default);
	fill: var(--default);
}

.application.theme--light .h1,
.application.theme--light .h2,
.application.theme--light .h3,
.application.theme--light .h4,
.application.theme--light .h5,
.application.theme--light body,
.application.theme--light h1,
.application.theme--light h2,
.application.theme--light h3,
.application.theme--light h4,
.application.theme--light h5,
.application.theme--light input,
.application.theme--light p {
	color: var(--text);
}

.assignment-input .v-input__prepend-outer,
.assignment-input input {
	color: var(--text);
	caret-color: var(--text);
}
	.satsyta span {
		color: var(--text) !important;
	}
	.navigation-menu.theme--dark.v-navigation-drawer .navigation-menu__item--active {
		background: var(--default);
	}
	.latest-medal__show-all {
		background: var(--default) !important;
	}
	.navigation-menu.theme--dark.v-navigation-drawer .navigation-menu__points-inner {
		background: var(--default);
	}
	.navigation-menu.theme--dark.v-navigation-drawer .navigation-menu__points-inner-right {
		background: var(--default);
		
	}
	.navigation-menu__group[data-v-c624e42c] {
		background: var(--default);
	}
	.navigation-menu.theme--dark.v-navigation-drawer .navigation-menu__item a.v-list__tile--link:hover {
		background: var(--default);
		opacity: 80%;
	}
	.expansion-panel__part__subpart__link[data-v-4be2673c] {
		color: var(--text)
	}
	.assignment-points[data-v-73258b6e] {
		background-color: var(--background-alternative);
	}
.assignment-input:not(.assignment-input--success):not(.assignment-input--error) .v-input__control .v-input__slot {
	border: 0px solid rgba(0, 0, 0, .54)!important;
}

.assignment-points[data-v-2ed0253a] {
	background-color: var(--background);
}


.assignment-points__current-points[data-v-2937024b] {
	border-bottom: 0px solid #f6f0f4;
}

.assignment-points__possible-points[data-v-2ed0253a] {
	color: var(--default);
}

.black--text {
	color: var(--form-shade) !important;
	caret-color: #cf3939 !important;
}
.container {
	max-width: none;
}
.container .container {
	max-width: 1300px;
}

.exempel-macro {
	border: solid 1px var(--laboration);
}

.expansion-panel__part__subpart__link[data-v-4bad7606] {
	color: var(--text);
}

.item[data-v-1870859b] {
	color: var(--default);
}

.item.hard[data-v-1870859b], 
.item[data-v-1870859b],
.item.easy[data-v-1870859b],
.item.medium[data-v-1870859b] {
	background-color: var(--background-alternative);
	border-radius: 3px;
}

.item.medium[data-v-26ff9fde] {
	border-left: 3px solid #daae00;
}

.leaderboard[data-v-4e812580],
.theme--light.v-tabs__bar {
	position: relative;
	background: var(--form-bg);
	border-radius: 4px;
}

.leaderboard__current-user[data-v-4e812580] {
	background-image: linear-gradient(90deg, var(--background) 66%, var(--background));
}

.leaderboard__points[data-v-4e812580] {
	color: var(--default);
}

.lesson .v-card__text .exampleSvar p,
.lesson .v-card__text .exampleSvarSpoiler {
	color: var(--laboration);
}

.lesson .v-card__text .exampleSvar {
	border: 1px solid var(--laboration);
	border-top: 0px solid #f1f1f1;
}

.lesson .v-card__text .exampleSvarContent {
	display: none;
	color: var(--example);
}

.level.current[data-v-f275a3da] {
	border-color: var(--default);
}

.navigation-menu.theme--dark.v-navigation-drawer,
.toolbar {
	background-image: none;
	background-color: var(--background-alternative) !important;
}

.period-select.v-select .v-select__selections {
	color: var(--default-light);
}

.primary {
	background-color: var(--default) !important;
	border-color: var(--default) !important;
}

.primary--text {
	color: var(--default) !important;
	caret-color: var(--default) !important;
}

.theme--light.application .text--secondary {
	color: var(--text) !important;
}

.theme--light.v-btn {
	color: var(--form-shade);
}

.theme--light.v-btn:not(.v-btn--icon):not(.v-btn--flat) {
	background-color: var(--background);
}

.theme--light.v-expansion-panel .v-expansion-panel__container .v-expansion-panel__header .v-expansion-panel__header__icon .v-icon {
	color: var(--default-light);
}

.theme--light.v-expansion-panel .v-expansion-panel__container {
	background-color: var(--form-bg);
	color: var(--card-bg-text);
}

.theme--light.v-icon {
	color: var(--defaultlight);
}

.theme--light.v-input:not(.v-input--is-disabled) input,
.theme--light.v-input:not(.v-input--is-disabled) textarea {
	color: var(--text);
}

.theme--light.v-list {
	background: #fff;
	color: var(--text);
}

.theme--light.v-list {
	background: var(--background);
	color: var(--text);
}

.theme--light.v-sheet {
	background-color: var(--form-bg);
	border-color: #ff2d2d;
	color: var(--card-bg-text);
}
	.divider {
    border-top: 5px dotted var(--default);
}

.theme--light.v-tabs__bar .v-tabs__div {
	color: var(--text);
}

.theme--light.v-text-field--outline > .v-input__control > .v-input__slot {
	border: 0px solid rgba(0, 0, 0, .54);
}
.theme-primary {
	background-color: var(--default) !important;
	border-color: var(--default) !important;
}

.theme-primary--text {
	color: var(--default) !important;
	caret-color: var(--default) !important;
}

.time-studied .time-studied__stats input[type=number] {
	color: var(--default);
}
.user-button {
	background-color: var(--form-bg);
	border-bottom: 1px solid var(--form-border);
}

.v-card__actions.content-container__actions {
	background-color: var(--form-bg) !important;
}
.v-tabs .v-tabs__div > .v-tabs__item--active {
	color: var(--default);
}
.v-tabs .v-tabs__slider.accent {
	background-color: var(--default)!important;
	border-color: var(--default)!important;
}
.v-text-field--outline > .v-input__control > .v-input__slot {
	background: var(--background-alternative)!important;
	border-radius: 4px;
}

.white {
	background-color: var(--background-alternative) !important;
	border-color: #fff !important;
}

#app {
	background: var(--background);
}
.pairs__draggable-drop[data-v-0cd620dc] {
	background: var(--background-alternative);
}
.pairs__target[data-v-0cd620dc] {
	background-color: var(--background);
}
.pairs__draggable[data-v-0cd620dc] {
	background: none;
}
.group-modal .list-tile--active {
	background: rgb(41, 41, 58);
}
.template .assignment-content .parsed-content img {
	background-color: white;
}
.lesson .v-card__text img {
	background-color: #e1e1e1;
	border-radius: 5px;
}
.assignment-input .v-input__append-inner {
	color: var(--text);
}
}