Gruvbox Zendesk
Gruvbox Zendesk by cozy5527
Details
Authorcozy5527
LicenseNo License
Categoryzendesk
Created
Updated
Size34 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Colors are customizable at the top of the source.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Gruvbox Zendesk
@namespace userstyles.world
@version 1.1.5
==/UserStyle== */
@-moz-document domain("zendesk.com") {
:root {
--red: #cc241d;
--green: #98971a;
--yellow: #d79921;
--blue: #458588;
--purple: #b16286;
--aqua: #689d6a;
--gray: #928374;
--orange: #d65d0e;
--bright-red: #fb4934;
--bright-green: #b8bb26;
--bright-yellow: #fabd2f;
--bright-blue: #83a598;
--bright-purple: #d3869b;
--bright-aqua: #8ec07c;
--bright-gray: #a89984;
--bright-orange: #fe8019;
--bg0: #282828;
--bg1: #3c3836;
--bg2: #504945;
--bg3: #665c54;
--bg4: #7c6f64;
--fg0: #fbf1c7;
--fg1: #ebdbb2;
--fg2: #d5c4a1;
--fg3: #bdae93;
--fg4: #a89984;
background-color: var(--bg0);
}
/* GENERAL */
/* Links */
.kvMZAG.kvMZAG.kvMZAG {
background: var(--bg4);
color: var(--fg3);
}
.kvMZAG.kvMZAG.kvMZAG:hover {
background-color: var(--bg3);
color: var(--fg3);
}
.dsKpkm.dsKpkm.dsKpkm:hover {
background-color: var(--bg3);
color: var(--fg3);
}
.StyledButtonGroup-sc-1fbpzef-0 .hEjyrY.hEjyrY:first-of-type:not(:last-of-type) {
background: var(--bg3);
}
.StyledButtonGroup-sc-1fbpzef-0 .bNnbQk.bNnbQk:last-of-type:not(:first-of-type) {
background: var(--bg3);
}
.kuTNtp {
background: var(--bg0);
}
.LRal {
color: var(--fg4);
}
.hWFzoD {
color: var(--fg3);
}
.cgkfJX {
background: var(--bg0);
color: var(--fg4);
}
.cgkfJX:hover {
background: var(--bg1);
color: var(--fg4);
}
.gOXeKF {
background: var(--bg1);
color: var(--fg2);
}
.gOXeKF:hover {
background: var(--bg1);
color: var(--fg2);
}
.kXDrba {
background: var(--fg4);
color: var(--bg0);
}
.kXDrba:hover {
background: var(--fg4);
color: var(--bg0);
}
.feeXEe {
background: var(--bg0);
}
.gonVzc {
color: var(--fg3);
}
.czaCOI {
color: var(--fg3);
}
.czaCOI: hover {
background: var(--bg0);
}
.krcjSV:hover {
background: var(--bg3);
}
.gTNfLi:hover {
background: var(--bg2);
}
.cbjQdA {
background: var(--bg0);
}
.kntzLW:hover {
background: var(--bg0);
}
.dKcRVo {
background: var(--fg3);
}
.wkIxI {
background: var(--bg0);
}
.hbbDrr {
color: var(--fg2);
}
.gTNfLi {
background-color: var(--bg0);
color: var(--fg4);
}
.krcjSV {
background: var(--bg1);
color: var(--fg2);
}
.eOvRVq.isEditing {
box-shadow: var(--bright-purple) 10px 10px 10px 25px;
}
.cIbDUN:hover {
background: var(--bg1);
}
.kntzLW {
background: var(--bg0);
color: var(--fg3);
}
.bRuzfS {
color: var(--fg1);
}
.kuLCkW {
background: var(--bg0);
}
.bHAYWD {
color: var(--fg4);
}
.noEbF {
background-color: var(--bg1);
}
.noEbF:hover {
background-color: var(--bg1);
}
.eSyOWR {
color: var(--fg4);
}
.iTGkLz {
background-color: var(--bg1);
}
.hJuXZo:hover {
background-color: var(--bg2);
}
.hbubCU {
color: var(--fg1);
}
.hLMnji {
color: var(--fg4);
}
.kGeLio {
color: var(--fg3);
}
.fdCpKu th {
background: var(--bg0);
color: var(--fg4);
}
.jxUEzg {
color: var(--fg4);
}
.cJUPzN {
color: var(--fg4);
}
.iWFHhR {
background-color: var(--bg0);
}
.dXkKNu .StyledIcon-sc-19meqgg-0 {
color: var(--yellow);
}
.gyWfRx {
color: var(--bg2);
background: var(--yellow);
}
.KPQMc {
color: var(--fg2);
background: var(--blue);
}
.dkdNgJ {
color: var(--fg2);
background: var(--red);
}
.jFwpsQ {
color: var(--gray);
}
.bGZdDL {
background: var(--bg0);
}
.kxAhXX {
background: var(--bg0);
}
.fCBAGU {
color: var(--blue);
}
.fiNJsl th::before {
background: transparent;
}
.fvDwou {
color: var(--bg2);
background-color: var(--fg4);
}
.fvDwou .StyledClose-sc-d6lrpn-0 {
color: var(--bg2);
}
.jnnJFd {
background: var(--fg4);
color: var(--bg2);
}
.jnnJFd .StyledClose-sc-d6lrpn-0 {
color: var(--bg2);
}
.aFiMh {
color: var(--blue);
}
.filter-grid-list tbody > tr:not(.grouping):not(.empty_set):not(.deleted) {
background: var(--bg0);
}
.fggPKr {
background: var(--bg0);
}
.eeeRAT {
background: var(--bg0);
color: var(--fg2);
}
.fztmmy {
color: var(--fg4);
}
.GMDaW {
color: var(--fg2);
}
.gZbyYv {
color: var(--fg2);
}
.ieeXeN {
background: var(--bg0);
}
#admin_content .overview header {
background: var(--bg0);
}
#admin_content .overview header h1 {
color: var(--fg1);
}
#admin_content .overview h3 {
color: var(--fg2);
}
.gDwwlk {
background: var(--bg0);
color: var(--fg3);
}
.kPtfMH {
color: var(--blue);
}
#admin_content .overview .overview_content .system_updates--announcement {
color: var(--blue);
background: var(--bg0);
}
#admin_content .overview .overview_content .system_updates .title_info {
color: var(--fg4);
}
#admin_content .overview .overview_content .system_updates .system_updates--control:disabled, #admin_content .overview .overview_content .system_updates .system_updates--control:disabled:hover {
background: var(--fg4);
color: var(--bg0);
}
#admin_content .overview .overview_content .system_updates .older {
background: var(--fg4);
color: var(--bg0);
}
.main_panes > .pane.left, .workspace > .pane.left {
background: var(--bg0);
color: var(--fg4);
}
.filters > .pane.left ul.filters li a, .user_filters > .pane.left ul.filters li a, .user > .pane.left ul.filters li a {
background: var(--bg0);
color: var(--fg2);
}
.filters > .pane.left ul.filters li.selected, .user_filters > .pane.left ul.filters li.selected, .user > .pane.left ul.filters li.selected {
background: var(--bg0);
color: var(--fg2);
}
section.filters .left header h1, section.user_filters .left header h1, section.incidents .left header h1 {
color: var(--fg1)
}
.main_panes > header h1, .workspace > header h1 {
color: var(--fg2);
}
.action_button {
color: var(--gray);
}
.dVIhxi .StyledIcon-sc-19meqgg-0 {
color: var(--gray);
}
#main_navigation .product_icon {
color: var(--green);
fill: var(--fg0);
}
#main_navigation .toolbar_link {
color: var(--gray);
}
#main_navigation .toolbar_link.active-product-link {
background: var(--bg0);
}
.activities .item {
background: var(--fg3);
}
.activities .description {
color: var(--bg0);
}
.activities .comment_value {
color: var(--bg2);
}
.activities time {
color: var(--bg4);
}
.indicators {
background: var(--bg0);
}
.indicators li {
background: var(--fg3);
}
.indicators .cell-value {
color: var(--bg0);
}
.indicators .cell-title {
color: var(--bg3);
}
.indicators h4 {
color: var(--fg4);
}
.indicators h4 > span {
color: var(--gray);
}
h4.list-heading {
background: var(--bg0);
color: var(--fg1);
}
.link {
color: var(--blue);
}
a {
color: var(--blue);
}
a:hover {
color: var(--bright-blue);
}
hr {
background-color: var(--gray);
}
.bSvGPV:hover td {
background-color: var(--bg0);
}
.bSvGPV td {
color: var(--fg3);
}
.kPtfMH:hover, .kPtfMH[data-garden-focus-visible] {
color: var(--bg4);
}
.cDJdQS {
color: var(--fg4);
}
.ioDcMi:hover, .ioDcMi[data-garden-focus-visible] {
color: var(--fg2);
}
.hHvWgx {
color: var(--blue);
}
.dPCudG {
color: var(--blue);
}
.kMzfkb:first-child {
color: var(--blue);
}
.kPtfMH {
color: var(--blue);
}
.fEEkvG {
color: var(--blue);
}
.LRcp {
background-color: var(--bg0);
}
#main_navigation{
background-color: var(--bg0);
}
/* HEADER */
#branding_header {
background: var(--bg0);
border-bottom: 1px solid var(--bg2);
}
* {
border: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
}
.zendesk-editor--rich-text-comment code,
.markdown_formatting code,
.markdown_preview co...