topaLE
/
theme.park
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

tautulli dracula

pull/235/head
Marius 3 years ago
parent
730665ad22
commit
a13ec89c56
8 changed files with 178 additions and 153 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      CSS/themes/tautulli/aquamarine.css
  2. 9
      CSS/themes/tautulli/dark.css
  3. 16
      CSS/themes/tautulli/dracula.css
  4. 9
      CSS/themes/tautulli/hotline.css
  5. 11
      CSS/themes/tautulli/organizr-dark.css
  6. 9
      CSS/themes/tautulli/plex.css
  7. 9
      CSS/themes/tautulli/space-gray.css
  8. 259
      CSS/themes/tautulli/tautulli-base.css

9
CSS/themes/tautulli/aquamarine.css
View File

@ -13,11 +13,4 @@
/* TAUTULLI AQUAMARINE THEME */
@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--accent-color: #009688;
--accent-color-hover: #12afa0;
}
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);

9
CSS/themes/tautulli/dark.css
View File

@ -13,11 +13,4 @@
/* TAUTULLI DARK THEME */
@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: rgba(255, 255, 255, 0.25);
--accent-color-hover: rgba(255, 255, 255, 0.45);
}
@import url(https://theme-park.dev/CSS/variables/dark.css);

16
CSS/themes/tautulli/dracula.css
View File

@ -0,0 +1,16 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* TAUTULLI DRACULA THEME */
@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);

9
CSS/themes/tautulli/hotline.css
View File

@ -13,11 +13,4 @@
/* TAUTULLI HOTLINE THEME */
@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
}
@import url(https://theme-park.dev/CSS/variables/hotline.css);

11
CSS/themes/tautulli/organizr-dark.css
View File

@ -11,13 +11,6 @@
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* TAUTULLI DARK THEME */
/* TAUTULLI ORGANIZR-DARK THEME */
@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
}
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);

9
CSS/themes/tautulli/plex.css
View File

@ -13,11 +13,4 @@
/* TAUTULLI PLEX THEME */
@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);
:root {
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
}
@import url(https://theme-park.dev/CSS/variables/plex.css);

9
CSS/themes/tautulli/space-gray.css
View File

@ -13,11 +13,4 @@
/* TAUTULLI SPACE GRAY THEME */
@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);
:root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--accent-color: #607D8B;
--accent-color-hover: #81a6b7;
}
@import url(https://theme-park.dev/CSS/variables/space-gray.css);

259
CSS/themes/tautulli/tautulli-base.css
View File

@ -12,16 +12,53 @@
/* https://github.com/gilbN/theme.park */
body {
background: var(--main-bg-color);
color: var(--text);
}
/* Text */
.text-muted, .help-block, .small-muted ,h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
color: #FFF;
p,
.news-title, .news-date {
color: var(--text);
}
.help-block ,h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small,
.h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small,
h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small,
.header-bar span,
.dashboard-activity-info-time, strong,
.summary-content-details-tag strong,
.padded-header h1, h2, h3, h4, h5, h6,
.config-scheduler-table th,
#tautulli-news .open .news-title, #tautulli-news .open .news-date, #tautulli-news .accordion li.open .link i.fa {
color: var(--text-hover);
}
.list-unstyled {
color: #fff;
}
.text-muted, .small-muted {
color: var(--text-muted);
}
a.no-highlight {
color: #dedede;
/* LINKS */
a,
a.no-highlight,
.news-body a {
color: var(--link-color);
}
#plexpy-notifiers-table .friendly_name, #notifier-config-modal span.notifier_id, #plexpy-newsletters-table .friendly_name, #newsletter-config-modal span.newsletter_id, #plexpy-mobile-devices-table .friendly_name, #mobile-device-config-modal span.notifier_id {
a:hover,
a.no-highlight:hover,
.dashboard-activity-metadata-title a:hover,
.dashboard-activity-metadata-user a:hover {
color: var(--link-color-hover);
}
#plexpy-notifiers-table .friendly_name, #notifier-config-modal span.notifier_id, #plexpy-newsletters-table .friendly_name,
#newsletter-config-modal span.newsletter_id, #plexpy-mobile-devices-table .friendly_name, #mobile-device-config-modal span.notifier_id {
color: #fff;
}
/* Navbar */
@ -39,30 +76,33 @@
background-color: rgba(0, 0, 0, 0.25);
}
.nav > li > a {
color: #FFF;
color: var(--text);
}
.nav > li > a:hover, .nav > li > a:focus {
background-color: rgba(255, 255, 255, 0.08);
color: var(--text-hover);
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: rgba(255, 255, 255, 0.08);
color:rgb(var(--accent-color));
}
/* Dropdown */
.dropdown-menu {
background: var(--modal-bg-color);
background: var(--drop-down-menu-bg);
}
.dropdown-menu > li > a {
color: #FFF;
color: var(--text);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: rgba(255, 255, 255, 0.08);
color: var(--text-hover);
}
.dropdown-menu .divider {
background-color: rgba(255, 255, 255, 0.08);
}
select, .react-selectize.bootstrap3.root-node .react-selectize-control {
background: rgba(0, 0, 0, 0.25);
background: var(--drop-down-menu-bg);
}
/* Dashboard */
@ -76,7 +116,7 @@
background-color: rgba(255, 255, 255, 0.25);
}
.dashboard-activity-metadata-user a {
color: #fff;
color: var(--link-color);
}
.dashboard-activity-metadata-subtitle-container {
color: #fff;
@ -87,40 +127,41 @@
.dashboard-recent-media-metacontainer h3.text-muted {
color: #fff;
}
/* Buttons */
.btn-dark {
background-color: rgba(0, 0, 0, 0.25);
border-color: transparent;
}
.btn-dark:hover {
color: #d7d7d7;
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
}
.btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark, .btn-dark.active:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0.45);
border-color: transparent;
}
.btn:focus, .btn.focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0.45) !important;
}
.btn-dark.active:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.btn-dark.inactive:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.btn-danger.btn-edit {
background-color: rgba(255, 255, 255, 0.25);
}
.btn-form {
background-color: rgba(0, 0, 0, 0.45);
}
.btn-form:hover {
background-color: rgba(255, 255, 255, 0.08);
}
background-color: var(--button-color);
border-color: var(--button-color);
}
.btn-dark:hover {
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark, .btn-dark.active:focus {
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.btn:focus:not(select), .btn.focus:not(select), .btn-dark:focus:not(select), .btn-dark.focus:not(select), .btn-dark:active:focus:not(select) {
color: var(--button-text-hover);
background-color: var(--button-color-hover) !important;
}
.btn-dark.active:hover {
background-color: var(--button-color-hover);
}
.btn-dark.inactive:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.btn-danger.btn-edit {
background-color: rgba(255, 255, 255, 0.25);
}
.btn-form {
background-color: var(--button-color);
}
.btn-form:hover {
background-color: var(--button-color-hover);
}
/* Inputs */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
@ -165,7 +206,7 @@
background-color: rgba(0, 0, 0, 0.15);
}
table.display thead th {
color: #fff;
color: var(--text-hover);
background-color: rgba(0, 0, 0, 0.25);
}
table.display thead tr:hover {
@ -177,7 +218,7 @@
}
.nav-settings > li > a {
border-bottom: 1px solid transparent;
color: #fff;
color: var(--text);
}
.nav-settings > li {
background-color: rgba(0, 0, 0, 0.45);
@ -187,7 +228,7 @@
background-color: rgba(0, 0, 0, 0.25);
}
.nav-settings > li > a:hover, .nav-settings > li > a:focus {
color: #fff;
color: var(--text-hover);
background-color: rgba(255, 255, 255, 0.08);
}
.card {
@ -237,13 +278,14 @@ span > a.active, .stacked-configs > li > span > span.active {
border-color: #00000000;
}
.pagination > li > a, .pagination > li > span {
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #00000000;
background-color: var(--button-color);
border: 1px solid var(--button-color);
color: var(--button-text);
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
background-color: rgba(255, 255, 255, 0.08);
border: 1px solid #00000000;
color: #FFF;
background-color: var(--button-color-hover);
border: 1px solid var(--button-color-hover);
color: var(--button-text-hover);
}
/* Graphs */
.graphs-instance {
@ -260,12 +302,12 @@ span > a.active, .stacked-configs > li > span > span.active {
background: var(--modal-bg-color);
}
.modal-header {
background: var(--modal-bg-color);
border-bottom: 1px solid var(--accent-color);
background: var(--modal-header-color);
border-bottom: 1px solid rgb(var(--accent-color));
}
.modal-footer {
background: var(--modal-bg-color);
border-top: 1px solid var(--accent-color);
background: var(--modal-footer-color);
border-top: 1px solid rgb(var(--accent-color));
}
.modal-config-section {
border-top: 1px solid rgba(255, 255, 255, .08);
@ -274,10 +316,10 @@ span > a.active, .stacked-configs > li > span > span.active {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#notifier-config-modal .nav-tabs > li > a, #newsletter-config-modal .nav-tabs > li > a {
color: #ffffff;
color: var(--text);
}
#notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus {
color: #fff;
color: var(--text-hover);
background: rgba(0, 0, 0, 0.45);
}
#notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus {
@ -287,6 +329,7 @@ span > a.active, .stacked-configs > li > span > span.active {
#notifier-config-modal .nav-tabs > li > a:hover, #newsletter-config-modal .nav-tabs > li > a:hover {
border-color: #0000;
background: rgba(255, 255, 255, 0.08);
color: var(--text-hover);
}
#notifier-config-modal .nav-tabs, #newsletter-config-modal .nav-tabs {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
@ -334,7 +377,7 @@ span > a.active, .stacked-configs > li > span > span.active {
color: #eee;
}
#login-methods > li.open > div {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
/* Buttons */
@ -358,7 +401,7 @@ span > a.active, .stacked-configs > li > span > span.active {
background-color: var(--button-color-hover);
box-shadow: inset 0 1px 0 var(--button-color-hover);
}
.btn:focus, .btn.focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus {
.btn:focus:not(#history-user):not(#graph-user):not(#sync-user), .btn.focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus {
color: #fff;
background-color: var(--button-color-hover) !important;
opacity: .8;
@ -369,108 +412,116 @@ span > a.active, .stacked-configs > li > span > span.active {
}
/* Accents */
.badge {
color: var(--label-text-color);
background-color: rgb(var(--accent-color));
}
.summary-content {
color: rgb(var(--accent-color));
}
.nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
.dashboard-activity-progress .progress-bar {
background-color: var(--accent-color);
background-image: -moz-linear-gradient(top, var(--accent-color-hover), var(--accent-color));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent-color-hover)), to(var(--accent-color)));
background-image: -webkit-linear-gradient(top, var(--accent-color-hover, var(--accent-color)));
background-image: -o-linear-gradient(top, var(--accent-color-hover, var(--accent-color)));
background-image: linear-gradient(to bottom, var(--accent-color-hover, var(--accent-color)));
background-color: rgb(var(--accent-color));
background-image: -moz-linear-gradient(top, var(--accent-color-hover), rgb(var(--accent-color)));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent-color-hover)), to(rgb(var(--accent-color))));
background-image: -webkit-linear-gradient(top, var(--accent-color-hover, rgb(var(--accent-color))));
background-image: -o-linear-gradient(top, var(--accent-color-hover, rgb(var(--accent-color))));
background-image: linear-gradient(to bottom, var(--accent-color-hover, rgb(var(--accent-color))));
}
.dashboard-stats-info-item .sub-count {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: var(--accent-color);
border-color: var(--accent-color);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
color: var(--button-text-hover);
}
a:hover, a:focus {
color: var(--accent-color);
color: var(--link-color-hover);
}
table.display td:hover a {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
.user-overview-stats-instance h3, .user-player-instance-playcount h3, .summary-content-title h1, .summary-content-title h1 a {
color: var(--accent-color);
color: var(--text-hover);
}
.user-info-nav > .active > a {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
a:hover .dashboard-recent-media-poster, a:hover .dashboard-recent-media-cover {
webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
}
.nav-settings > .active > a, .nav-settings > .active > a:hover, .nav-settings > .active > a:focus {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
div.advanced-setting {
border-left: 1px solid var(--accent-color);
border-left: 1px solid rgb(var(--accent-color));
}
.docker-setting {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
.modal-body strong, .modal-body strong i.fa {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
.user-info-nav a:hover {
color: var(--accent-color-hover)
}
a:hover .dashboard-activity-poster, a:hover .dashboard-activity-cover {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
}
a:hover .dashboard-stats-poster, a:hover .dashboard-stats-cover, a:hover .dashboard-stats-circle, a:hover .dashboard-stats-square {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
}
a:hover .item-children-poster {
webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
}
.dashboard-activity-terminate-session:hover {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
a .dashboard-activity-metadata-user-thumb:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
}
.stream-info .heading {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
a .library-user-instance-box:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
}
.summary-navbar-list .breadcrumb a:hover {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
.dashboard-recent-media-metacontainer h3.text-muted a:hover {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
a .poster-face:hover, a .cover-face:hover, a .users-poster-face:hover,.summary-poster-face-overlay {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
-webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
-moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
}
.submenu li {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
span > a.active, .stacked-configs > li > span > span.active {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
.accordion li.open .link, .accordion li.open .link i.fa {
color: var(--accent-color);
color: rgb(var(--accent-color));
}
.news-body a:hover {
color: var(--accent-color);
color: var(--link-color-hover);
}
Write Preview
Loading…
Cancel
Save