chat.google.com - Darkcula theme

darkula.css

/* Reduce left and right margins in the chat area */
 .BEjUKc .cFc9ae {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    max-width:none;
}
.cFc9ae {
    background-color: #282828 !important;
}
.Bl2pUd {
    padding-left: 0px;
    padding-right: 0px;
}


.ojqkvd {
    color: white;
}

/* Reduce whitespace around New conversation button */
 .RnpT2b {
    margin: 4px 0px 4px 0px;
    min-height: 0px;
}
.IEIJqd {
    padding-top: 0px;
}
/* active status */
 .RASpke {
    border-color: #504945;
}
/* Allow messages to display full-width */
 .bzJiD .jGyvbd .QIJiHb, .bzJiD .jGyvbd .zX644e {
    max-width: none;
}
/* Reduce top and bottom padding around date */
 .mCOR5e {
    padding: 10px 0 5px 0;
}
/* Reduce right margin in sidebar */
 .n5yyEc {
    margin-right: 4px;
}
/* Sidebar color */
 .X9KLPc {
    background-color: #3c3836;
    border-right: solid 1px #504945;
}
/* Sidebar elemtents bg color when hovering */
 .PL5Wwe:focus, .PL5Wwe:hover:not(.tuKyod), .tuKyod:hover .LoYJxb {
    background-color: #504945;
}
/* Sidebar elements text color for chans with unread messages */
 .PL5Wwe.H7du2 .t5F5nf {
    color: #fb4934;
}
.erYYcb .t5F5nf:not(.jUASJf) {
    color: #689d6a;
}
/* Channel name color in sidebar */
 .t5F5nf {
    color: #d5c4a1;
}
/* Sidebar "recent" or "starred" section names text size and color */
 .aOHsTc {
    color: #ebdbb2;
    font-size: 16px;
    margin-left: 16px;
}
/* Sidebar counter of new messages */
 .eM5l9e {
    background-color: #d79921;
    color: #1d2021;
}
/* Sidebar current channel */
 .IL9EXe.qs41qe {
    background-color: #504945 !important;
    color: #282828 !important;
}
.dHI9xe.qs41qe .ojqkvd.ojqkvdi {
    color: #282828 !important;
}
.FS4hgd.iWO5td .ojqkvd, .FS4hgd.iWO5td, .LmMDfc.qs41qe, .dHI9xe.qs41qe, .dHI9xe.KKjvXb.KKjvXb, .LmMDfc.qs41qe .ojqkvd, .dHI9xe.qs41qe .ojqkvd.ojqkvd, .dHI9xe.KKjvXb.KKjvXb .ojqkvd {
    color: #8ec07c;
}
.dKv0S .i5PBGe {
    border: 1px solid #3c3836;
}
.FS4hgd.iWO5td.iWO5td {
    background-color: #282828;
    border: solid 1px #504945;
}
/* Sidebar Search section text color */
 .HLTcjb {
    color: #a89984;
}
.D3DXDc {
    fill: #a89984 !important;
}
.GbZFNe {
    border-color: #282828;
    background-color: #282828;
}
/* Sidebar search button hovering bg color */
 .GbZFNe:focus, .GbZFNe:hover {
    background-color: #504945;
}
/* Search Menu bg color, shape and dimensions */
 .yoV6yd {
    background-color: #504945;
    margin-top: -4px;
    width: 100%;
    border-radius: 0px;
    -moz-border-radius: 0px
}
/* Search menu text color */
 .Uk0Bfe .zHQkBf, .Uk0Bfe .snByac, .dQ2Tsf .NXfF8b, .dQ2Tsf .ZTmjQb {
    color: #ebdbb2;
}
.ndJi5d {
    /* rgba(0,0,0,0.38); */
}
/* Search Menu "frequent" section text color and size */
 .wAR34c {
    color: #ebdbb2;
    font-size: 16px;
}
/* Search menu people list mail color */
 .Kfe2Ub {
    color: #ebdbb2;
}
/* Quick search first element bg color */
 .dQ2Tsf[aria-selected="true"] {
    background: transparent;
}
/* Top left corner section (with title) background color */
 .Riuhhf {
    background-color: #3c3836;
    /*   border-right: solid 1px #504945; */
    border-right: solid 0px #504945;
}
.vKlWpc {
    margin: auto 10px;
}
.TycDBe, .kbnyke {
    width: 77%;
}
/* Chat top left logo text color */
 #XMLID_8_-Clipped {
    opacity: 0.8 !important;
    fill: #ebdbb2 !important;
}
.nHjhsd {
    color: #fbf1c7 !important;
    fill: #fbf1c7 !important;
}
/* Padding height between messages in a thread */
 .nF6pT {
    padding-top: 6px;
}
/* Sidebar "recent" or "starred" section title padding height */
 .wJNchb, .nFzS9e {
    margin-top: 10px;
}
/* Draw white line between the sidebar sections and reduce padding */
 .PL5Wwe + .wJNchb, .teTAFe:not(.fXx9Lc) + .vHL80e .aOHsTc {
    border-top: solid 1px #928374;
    padding-top: 6px;
}
/* Sidebar channels elements height */
 .LoYJxb {
    height: 26px;
}
/* Vertically align triple dots buttons on
channels in sidebar with the new height */
 .MhXXcc {
    line-height: 26px;
}
.gsrV1e {
    height: 22px;
    width: 22px;
}
.QeRfYe .Lw7GHd {
    margin: 2px 6px 0 6px;
}
/* Time and menu buttons and clock for channels inactive and active colors */
 .sFuxxd {
    color: rgb(202, 196, 201);
}
.PL5Wwe.H7du2 .sFuxxd {
    color: #fff;
}
.DQy0Rb {
    fill: rgb(202, 196, 201) !important;
}
.PL5Wwe.H7du2 .DQy0Rb {
    fill: #fff !important;
}
.QeRfYe {
    fill: rgb(202, 196, 201) !important;
}
.PL5Wwe.H7du2 .QeRfYe {
    fill: #fff !important;
}
/* Big emojis size */
 .Zc1Emd.NM3Nfc {
    font-size: 24px;
}
/* Inline emojis size */
 img {
    border: none;
    font-size: 1.3em !important;
}
/* Reduce top margin in thread block */
 .dsoUjb {
    padding: 15px 0;
}
/* Reduce size of reply button */
 .dCMjy {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    margin-right: 36px;
}
/* Reduce space around blue NEW alert */
 .k1lILc {
    padding: 5px 0 0;
}
.k1lILc + .ajCeRb {
    padding-top: 5px;
}
/* Reduce space between thread blocks */
 .cZICLc {
    margin-top: 6px;
}
/* Increase boldness of usenames in conversations */
 .Z4BnXb {
    font-weight: 900;
}
/* Make code snippets look like slack's */
 .FMTudf {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
    font-size: .75rem;
    border: 1px solid #3c3836;
    margin: 10px 0;
    padding: 5px 13px;
    background: #1d2021;
    color: #fe8019;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* Make inline pre look like slack's */
 .U8d2H {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
    background-color: #1d2021;
    margin: 0px;
    padding: 1px 10px;
    color: #fe8019;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color: #3c3836;
}
/* Reduce sidebar width */
 .X9KLPc, .Riuhhf {
    width: 280px
}
/* Reduce margin above "Starred" label */
 .aOHsTc {
    margin-top: 5px;
}
/* Fix emojis dimensions */
 .iiJ4W {
    height: auto;
    width: auto;
    max-height: 1.2em;
    max-width: 1.2em;
    min-width: auto;
}
/* Reduce size of New conv button */
 .SfqTBc {
    padding: 4px 18px 4px 12px;
    background-color: #282828;
    color: #d5c4a1;
    border: 1px solid #504945;
}
.B2Lwp {
    background-color: #282828;
}
.aVw1Ob {
    color: #d5c4a1;
}
.SfqTBc .jy2fzc {
    color: #ebdbb2;
}
/* topbar */
 .QTQg5e {
    background-color: #3c3836;
    border-bottom: solid 1px #504945;
}
/* topar chanel name, user name */
 .nk7hB, .nk7hB .cAW0Vc {
    color: #ebdbb2;
}
/* right panel */
 .WQKmIb .Bl2pUd {
    background-color: #282828;
}
/* chat name in chat window */
 .tCUB4c {
    color: #689d6a;
}
/* avatar background */
 .Fh7ONei, .HrFSGb.fXx9Lc {
    background-color: #504945;
}
/* private message */
 .DLc2vb .Bqp03e, .dsoUjb, .oGsu4, .HTZBof, .AflJR, .jGyvbd .jO0Dzb {
    background-color: #282828;
}
.zPVzl {
    background-color: #282828;
    color: #928374;
}
.cmEq8b .Zc1Emd, .cmEq8b .Z4BnXb {
    color: #d5c4a1;
}
.dsoUjb .oGsu4:hover .iKCcE {
    background-color: #3c3836;
}
.Bl2pUd {
    background-color: #1d2021;
    color: #928374;
}
.dsoUjb {
    border-color: #3c3836;
}
/* message timestamp */
 .b8Cb3d {
    color: #665c54;
}
/* likes */
 .dIC9Jb {
    background-color: #1d2021;
    border: 0px;
}
/** follow */
 .yg4pvb::before {
    background: none;
}
.zxHSSc {
    color: #282828;
    background-color: #458588;
}
/* bot badge */
 .jTv4Lb {
    background-color: #928374;
}
/* history date "wczoraj" */
 .A2BXPe {
    color: #458588;
}
/* answer bar - bottom */
 .DLc2vb .Bqp03e, .XganBc {
    background-color: #282828;
}
.XweIZc {
    color: #1d2021;
}
.oAzRtb {
    color: #fbf1c7;
}
/* answer border in channel */
 .dJ9vNe {
    border: solid 1px #665c54;
    background-color: #1d2021;
}
.I0LFzc.DEh1R .oAzRtb {
    color: #504945;
}
.vmpzOc {
    background-color: #282828;
}
/* answer border  private p2p room*/
 .PhFuQe.yXgmRe .dJ9vNe {
    border: solid 1px #665c54;
    background-color: #1d2021;
}
/* tickbox in answer box */
 .hh4xKf {
    border: 7px solid #7c6f64;
}
.wmbLw.N2RpBe > .MLPG7 {
    border-color: #458588;
}
.wmbLw.N2RpBe .espmsb {
    border-color: #83a598;
}
.E7QdY {
    border: 10px solid #d5c4a1;
}
/* send message in answer box */
 .zFe2Ef.RDPZE .v6TC2e {
    fill: #7c6f64;
}
/* new thred label */
 .qnCNBb {
    color: #928374;
}
.p9Cqzd {
    fill: #928374;
}
/* <a ></a> tags */
 a {
    color: #689d6a;
}
/* overlay when updating */
 .CMcgue {
    background-color: rgba(55, 55, 55, 0.7);
}
/* badge with with number of folded messages */
 .Jqvwfe {
    border-color: #504945;
    background-color: #1d2021;
}
.Nj8aCb.Nj8aCb {
    color: #7c6f64;
    fill: #7c6f64;
}
.fKz7Od {
    color: #7c6f64;
    fill: #7c6f64;
}
div .mUbCce:hover, div .mUbCce:focus {
    color: #a89984;
    fill: #a89984;
}
.UZl8cf {
    color: #7c6f64;
}
/* active status icon */
 .Qgwczb {
    background-color: #8ec07c;
}
/* aleep status icon */
 .dUJbze {
    fill: #d3869b;
}
/* inactive status icon */
 .vMbxHf {
    fill: #665c54;
}
/* icon "silence" no notifications */
 .DQy0Rb {
    fill: #98971a !important;
}
/** modal */
 .g3VIld {
    background-color: #282828;
    border: 1px solid #3c3836;
}
.rYdrs {
    color: #fbf1c7 !important;
}
.nxYf0b {
    background-color: #458588;
}
.xyysKb, .bKgC9d {
    color: #ebdbb2;
}
.rFrNMe:not(.Xavc3e) .Wic03c {
    background-color: #1d2021;
}
.rFrNMe:not(.Xavc3e) .zHQkBf, .rFrNMe:not(.Xavc3e) .snByac {
    color: #bdae93;
}
/** modal button inactive */
 .g3VIld .HvOprf.RDPZE, .e3Duub.RDPZE.RDPZE, .w63zXd.RDPZE.RDPZE .NMPajd {
    background-color: #1d2021;
}
.g3VIld .HvOprf.RDPZE .snByac, .e3Duub.RDPZE.RDPZE .snByac, .w63zXd.RDPZE .ojqkvd {
    color: #3c3836;
}
/* active */
 .g3VIld .HvOprf, .e3Duub, .w63zXd .NMPajd {
    background-color: #458588;
}
/** add new person or bot */
 .e3Duub, .e3Duub:hover, .e3Duub a, .e3Duub a:hover, .e3Duub a:link, .e3Duub a:visited {
    background-color: #83a598;
}
.e3Duub {
    background-color: #458588;
}
/* settings */

/* sidebar */
 .HzTBCc {
    background-color: #3c3836;
    color: #ebdbb2;
}
/* topbar */
 .Wu2udb, .Xs68kb {
    background-color: #3c3836 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}
/* content */
 .FdpJL {
    background-color: #1d2021;
    margin-left: 0px !important;
    padding-left: 100px !important;
    border-left: 1px solid #504945;
    border-top: 1px solid #504945;
}
/* fix scrollbar in firefox */
 .yxIv1d {
    overflow-y: visible;
}
/** background of dropdown menus */
 .JPdR6b {
    background-color: #504945;
}
.z80M1:hover {
    background-color: #282828;
}
.z80M1, .y9N6W, .lR07Cd {
    color: #d5c4a1;
}
.o50UJf, .rEu3Tb {
    fill: #83a598;
}
.R5Q1ue .Bjyxod, .TeY52c .od3Rdc, .QOrOsd {
    color: #928374;
}
/* text coloor in delete message modal */
 .g3VIld {
    color: #d5c4a1;
}
.rFrNMe:not(.Xavc3e):not(.e96Lvf) .zHQkBf, .vW0I1d {
    color: #ebdbb2 !important;
}
.uJSEJc, .bKgC9d {
    color: #d5c4a1 !important;
}
.nF6pT.FwR7Pc .iKCcE, .hu21Y:hover {
    background-color: ;
}