funtech (tutor) website but dark theme and made blue
funtech dark blue by Shaderhoth
Details
AuthorShaderhoth
LicenseNo License
Categoryfuntech.co.uk
Created
Updated
Size13 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
might modify for the main website as well idk
currently only works for the tutor portal
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name funtech dark blue
@version 2024.09.17.1
@namespace userstyles.world/user/Shaderhoth
@description funtech (tutor) website but dark theme and made blue
@author David Kuc
@license No License
==/UserStyle== */
@-moz-document domain("funtech.co.uk") {
.tutor-home {
background: #1f1f23;
}
div {
border-color: #5282fe !important;
}
.panel {
background-color: #222222 !important;
color: #cccccc;
}
html {
color-scheme: dark !important;
}
.a {
color: #2252fe;
}
a {
color: #5282fe;
border-color: #22428e !important;
}
a:hover {
color: #3858dd;
}
a:focus {
color: #3e62ff;
}
.text-success {
color: #3252ae;
}
input {
border-color: #22428e !important;
}
textarea {
border-color: #22428e !important;
}
select {
border-color: #22428e !important;
}
textarea {
border-color: #22428e !important;
}
body {
color: #cccccc;
accent-color: #3252ae;
background: #131516;
border-color: #2252fe !important;
}
.full-bg-primary-green {
background: #1a1a20;
}
.bs-callout-info {
background: #333;
}
.modal-content {
background: #222225;
}
.modal-header {
border-bottom: 1px solid #555;
}
.modal-footer {
border-top: 1px solid #555;
}
.panel-primary-gray > .panel-heading {
background: #222225;
}
.panel {
background: #29292c;
}
.form-control {
background: #222222;
}
.table-bordered {
border: 1px solid #555;
}
.table {
border: 1px solid #555;
}
.form-control {
color: #aaaaaa;
}
.well {
background: #222222;
border: 1px solid #555;
}
.alert-success {
background: #000033;
border-color: #101043 !important;
color: #3252ce;
}
.alert-danger {
background: #330000;
border-color: #431010 !important;
color: #ee5252;
}
.panel-success > .panel-heading {
background: #003300;
border-color: #104310 !important;
color: #52ae32;
}
.panel-warning > .panel-heading {
background: #333300;
border-color: #434310 !important;
color: #bebe52;
}
.panel-info > .panel-heading {
background: #000033;
border-color: #101043 !important;
color: #0282fe;
}
.panel-danger > .panel-heading {
background: #330000;
border-color: #431010 !important;
color: #ee5252;
}
.panel-primary-green > .panel-heading {
background: #000033;
border-color: #101043 !important;
color: #3252ce;
}
.panel-primary-green {
border-color: #101043 !important;
}
.panel-info {
border-color: #101043 !important;
}
.panel-success {
border-color: #104310 !important;
}
.panel-default {
border-color: #101043 !important;
}
.panel-danger {
border-color: #431010 !important;
}
.panel-warning {
border-color: #434310 !important;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #101043 !important;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #104310 !important;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #101043 !important;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #431010 !important;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #434310 !important;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
background: #2f2f2f;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #555;
}
.btn-default {
background: #225;
color: #cccccc;
border-color: #444;
}
.btn-default:hover {
background: #336;
border-color: #444;
color: #cccccc;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background: #336;
border-color: #444;
color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
background: #336;
border-color: #444;
color: #cccccc;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
background: #348;
border-color: #444;
color: #cccccc;
}
.btn-primary {
background: #225;
color: #cccccc;
border-color: #444;
}
.btn-primary:hover {
background: #336;
border-color: #444;
}
.btn-primary-green {
background: #225;
color: #cccccc;
border-color: #444;
}
.btn-primary-green:hover {
background: #336;
border-color: #444;
}
.btn-primary-green:active,
.btn-primary-green.active,
.open > .dropdown-toggle.btn-primary-green {
background: #348;
border-color: #444;
}
.btn-primary-green:focus,
.btn-primary-green.focus {
background: #348;
border-color: #444;
}
.btn-primary-green:active:hover,
.btn-primary-green.active:hover,
.open > .dropdown-toggle.btn-primary-green:hover,
.btn-primary-green:active:focus,
.btn-primary-green.active:focus,
.open > .dropdown-toggle.btn-primary-green:focus,
.btn-primary-green:active.focus,
.btn-primary-green.active.focus,
.open > .dropdown-toggle.btn-primary-green.focus {
background: #348;
border-color: #444;
}
.btn-success {
background: #225;
color: #cccccc;
border-color: #444;
}
.btn-success:hover {
background: #336;
border-color: #444;
}
.dropdown-menu {
background: #222222;
color: #cccccc;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background: #333;
color: #cccccc;
}
.dropdown-menu > li > a {
background: #222222;
color: #cccccc;
}
.dropdown {
background: #222222;
color: #cccccc;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background: #222222;
color: rgb(240, 235, 228);
}
.navbar-default .navbar-nav > li > a {
color: rgb(200, 195, 188);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: rgb(220, 215, 208);
}
.navbar-default {
background: #222222;
border-color: rgb(126, 117, 104);
}
.bg-danger {
background: #400;
}
.bg-warning {
background: #440;
}
.bg-success {
background: #040;
}
.bg-info {
background: #044;
}
.tab-content {
background-color: #222222;
}
.question-details {
background-color: #999999 !important;
color: #222222;
}
.text-white {
color: #222222;
}
.text-primary-purple {
color: #9d5bc0;
}
.text-primary-red {
color: #992228;
}
div[style="background: #f2f2f2;padding: 20px;border-radius:8px;"] {
background-color: #333333 !important;
}
div[style="display: flex;width:100%;justify-content: space-between;align-items: center;margin-bottom: 20px;"] {
background-color: #222222 !important;
}
td {
background: #222;
}
.input-group-addon {
background: #225;
color: #cccccc;
}
.list-group-item-success {
background: #222222;
}
.list-group-item {
background: #222222;
border-color: #444;
color: #cccccc;
}
a.list-group-item:hover {
background: #333;
border-color: #444;
color: #cccccc;
}
.panel-default > .panel-heading {
background: #333;
border-color: #444;
color: #cccccc;
}
.table {
border-color: #444;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
border-color: #444;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border-color: #444;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
border-color: #444;
}
.popover {
background: #333;
}
.popover-title {
background: #333;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background: #222222;
color: #cccccc;
}
.nav-tabs {
border-color: #444;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background: #222222;
color: #cccccc;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
...