diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index bed4de9303..5389fe27f4 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -325,7 +325,7 @@ userstyles: readme: usage: "Switch to either the dark or default themes via the **gear icon** > **themes** > **view all** for the best experience!" app-link: "https://mail.google.com" - current-maintainers: [] + current-maintainers: [*uncenter] past-maintainers: [*isabelroses] google: name: Google diff --git a/styles/gmail/catppuccin.user.css b/styles/gmail/catppuccin.user.css index b1e2d77da6..e4037ac5fb 100644 --- a/styles/gmail/catppuccin.user.css +++ b/styles/gmail/catppuccin.user.css @@ -2,7 +2,7 @@ @name Gmail Catppuccin @namespace github.com/catppuccin/userstyles/styles/gmail @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/gmail -@version 0.1.4 +@version 0.2.0 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agmail @description Soothing pastel theme for Gmail @@ -56,6 +56,9 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; + @crust-filter: @catppuccin[@@lookup][@crust_filter]; + @text-filter: @catppuccin[@@lookup][@text_filter]; + color-scheme: if(@lookup = latte, light, dark); ::selection { @@ -67,163 +70,85 @@ &::placeholder { color: @subtext0 !important; } - } - - .ZG, - .boo .aQl > .J-JN-M-I-Jm, - .boo .aaa > .J-JN-M-I-Jm, - .boo .ZE > .J-JN-M-I-Jm, - .bs1 + .bs3, - .btj + .aD, - body { - color: @text !important; - } - - /* input box */ - .bs0 > .acM, - .bti > .btg { - color: @text !important; - } - /* quick settings */ - .IU { - background: @base !important; - box-shadow: inset 1px 0 0 @mantle !important; - } - .Q0, - .VM .Q5, - .VM .OG, - .Q2, - .bCh, - .aIY, - .a21, - .ST, - .OB { - color: @text !important; - } - .Tj, - .OD { - color: @accent-color !important; + caret-color: @text; } - /* background */ - #loading { - background: @base !important; - } - [style="background:#4285f4"] { - background: @blue !important; - } - [style="background:#34a853"] { - background: @green !important; - } - [style="background:#ea4335"] { - background: @red !important; - } - .la-c.la-l { - background: darken(@red, 10%); - } - .la-c.la-r { - background: @yellow; - } - - header, - .nH.w-asV, + /* Header and sidebars */ + .w-asV, .bkL, .bhZ.bym, .bhZ.bjB, .bhZ.bym.baA { - background: @crust !important; + background-color: @mantle; + } + /* Header icons */ + .gb_Pc svg, + .gb_Uc.gb_Zc svg, + .gb_Pc .gb_gd .gb_od, + .gb_Pc .gb_gd .gb_Oc, + .gb_Pc .gb_gd .gb_id, + .gb_Uc.gb_Zc .gb_od { + color: @text; } + /* Search mail input */ + .gb_Pc .gb_0d { + background-color: @crust; - /* links */ - .aRq { - color: @sapphire !important; - &:hover { - color: @teal !important; + .gb_we { + color: @text; } } + /* Active search / filter modal */ + .gb_0d.gb_ve { + background-color: @surface1; - /* header */ - .aeH, - .aqK { - background: @mantle !important; - } + /* Icons */ + button svg, + .asor { + filter: @text-filter; + } - /* search */ - .gb_Lc .gb_Ee { - background: @surface0 !important; - } - .gb_Lc .gb_3e, - .gb_Ee.gb_Fe .gb_Ze, - .gb_Pc .gb_we { - color: @text !important; - } - .gb_Ee.gb_Fe button svg { - color: @text !important; - opacity: 1; - } - .aRp { - background: @surface0 !important; - } - .gssb_i { - background: @surface1 !important; - color: @text !important; - } - .gssb_e, - .gssb_m { - background: @surface0 !important; - color: @text !important; - } - /* selected unread email */ - .x7 { - color: @mantle !important; - background: @accent-color !important; - } + /* Recent searches */ + .aRp, + .gssb_e, + .gssb_m { + background-color: @surface1; + color: @text; + } - /* checkbox */ - .bzn .G-tF .T-Jo { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(150%) contrast(75%); - } + /* Hovered recent searches */ + .gssb_i { + background-color: @surface2; - /* keyboard dropdown */ - .d-Na-JG-M { - background-color: @surface1 !important; - } - .d-Na-N { - color: @text !important; - } - .d-Na-N-JW { - background-color: fade(@accent-color, 20%) !important; - } - .d-Na-JX-I, - .d-Na-J3, - .d-Na-N.d-Na-KO .d-Na-Jo { - filter: brightness(0) saturate(90%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%); - } - .d-Na-axR, - .RK-Jk.RK-Qq-axH { - border-color: @overlay0; - } + > .gssb_a { + border-left-color: @accent-color; + } - /* virtual keyboard */ - .RK-H { - background-color: @surface0 !important; + /* X icon */ + .gsaq_b { + filter: @text-filter; + } + } + + .aSP, + .gssb_e { + border-color: @surface2; + } } - .RK-QJ { - color: @text; + /* Pill filters */ + .H2 { + background-color: @base; + border-color: @surface0; + color: @subtext1; + fill: @subtext1; } - .RK-Jk { - color: @text !important; - background-image: linear-gradient(to bottom, @surface1, @surface2); + .aqc .H2 { + border-color: @text; + color: @text; } - /* left bar */ - .CL.Q7:hover, - .CL.Wj:hover, - .CL.Q7.NQ, - .CL.Wj.NQ, + /* Sidebar selected item */ .TK .TO.nZ:active, .TK .TO.ol:active, .TK .TO.nZ, @@ -232,8 +157,9 @@ .byl .TK .nZ.aS3, .byl .TK .nZ.aS4, .byl .TK .nZ.aS5, - .byl .TK .nZ.aS6 { - background: @surface0 !important; + .byl .TK .nZ.aS6, + .VDSZAf.H5o3mc { + background-color: @surface0; } .TO.NQ, .n6 .ah9:hover, @@ -241,470 +167,140 @@ .n6 .ah9:focus, .TK .TO:active, .n6 .ah9.aiu:active { - background: @surface1 !important; - } - .aAv, + background-color: @surface1; + } + .byl .TK .TO.nZ > .aHS-bnt .n0, + .TK .nZ > .aHS-bnt .bsU, + .byl .TK .nZ.aS3 .nU > .n0, + .TK .nZ.aS3 .bsU, + .byl .TK .nZ.aS4 .nU > .n0, + .TK .nZ.aS4 .bsU, + .byl .TK .nZ.aS5 .nU > .n0, + .TK .nZ.aS5 .bsU, + .byl .TK .nZ.aS6 .nU > .n0, + .TK .nZ.aS6 .bsU, + .TK .TO.nZ .nU > .n0, + .TK .ol.NQ .nU > .n0, + .TK .TO.ol .nU > .n0, + .TK .nZ .bsU, + .TK .ol .bsU, + .VDSZAf.H5o3mc > .Q7, .TO .nU > .n0, .TO.NQ .nU > .n0, .TO.nZ .nU > .n0, .ah9 > .CJ, - .n3 > .CL > .CK { - color: @text !important; + .n3 > .CL > .CK, + .aAv, + .bsU { + color: @text; } - .h0, - .Dj { - color: @subtext0 !important; + /* Icons */ + .nZ > .TN.aHS-bnt .qj, + .TO:not(.nZ) > .TN > .qj, + .n6 .n4 .G-asx, + .aAw .aAu, + .pM { + filter: @text-filter; } - /* right bar */ - .bAw .brC-aT5-aOt-Jw { - background: @crust !important; + /* Compose email button */ + .z0 > .L3 { + background-color: @accent-color; + color: @crust; } - .WR.aeN { - background: @crust !important; - } - .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JW .aT5-aOt-I-JX-atM-J6, - .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JO .aT5-aOt-I-JX-atM-J6 { - background: lighten(@crust, 4%); - } - /* inbox area */ - .H2.HD { - background: @surface0 !important; - border-color: @surface1 !important; + .WR .z0 > .L3::before, + .WR.anZ .z0 > .L3::before { + filter: @crust-filter; } + + /* Top section of inbox */ .bkK > .nH { - background: @mantle !important; - } - /* inbox item */ - .yO { - background: @mantle !important; - &:hover { - box-shadow: - inset 1px 0 0 @surface0, - inset -1px 0 0 @surface0, - 0 0 4px 0 @base, - 0 0 6px 2px @base !important; - } - } - /* quick text */ - .y2 { - color: @subtext0 !important; - } - .aeJ, - .aRs { - .J-KU:hover { - background: @surface0 !important; - } - background: @base !important; - .aRu { - .aRv { - color: @subtext0 !important; - } - color: @subtext1 !important; - } - } - .aAA.J-KU-Jg-K9 { - background: @base !important; - } - .J-KU-KO.aAy { - .aKz { - color: @accent-color !important; - } - &::before { - background: @accent-color !important; + background-color: @surface0; + + /* Icons */ + .bzn, + .aqJ .amJ, + .adg .adk { + filter: @text-filter; } } + /* Inbox categories */ .aKx > .aKz { - color: @subtext0 !important; - } - .y6, - .bA4 { - color: @text !important; - } - /* buttons hovers */ - .T-I-JW.amD::before, - .T-I-JW.adg::before, - .T-I-JW > .asa::before { - background: @surface0 !important; - } - - /* attachements in comfortable mode */ - .brg { - color: @text !important; - } - - /* date when the message was sent */ - .yO > .xW { - color: fade(@text, 50%) !important; - } - .bq3 { - color: @text !important; - } - - /* unsub button */ - .aJ6 { - color: @text; - } - .aOd.T-I { - box-shadow: inset 0 0 0 1px fade(@text, 50%) !important; - } - - /* svgs */ - .gb_Pc svg, - .gb_Uc.gb_Zc svg, - .gb_Pc .gb_gd .gb_od, - .gb_Pc .gb_gd .gb_Oc, - .gb_Pc .gb_gd .gb_id, - .gb_Uc.gb_Zc .gb_od { - color: @text !important; - } - /* send one now */ - .x0 { - color: @text !important; - } - - /* compose window */ - .afW { - border-color: @surface1; - } - .afV { - background: @surface2 !important; - box-shadow: 0 0 0 1px @overlay0 inset; - color: @text !important; - } - .akl, - .aoT, - .aYF, - .agP, - .az9, - .gQ { color: @text; } - .IZ, - .agP, - .agh, - .gQ, - .afx { - background: @surface0 !important; - } - .oL, - .gO { - color: @subtext0; - } - /* message sent dialog */ - .vh { - color: @text !important; + /* Icons */ + .aAy > div { + filter: @text-filter; } - /* Gmail logo */ - [src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"], - [src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_dark_1x_r5.png"] - { - height: unset !important; - width: unset !important; - @svg: escape( - '' - ); - content: url("data:image/svg+xml,@{svg}"); + /* Currently selected category */ + .J-KU-KO::before { + background-color: @accent-color; } - /* x new */ - .aDG { - background-color: @crust !important; - color: @text !important; + /* Inbox categories hover */ + .aRz.J-KU:hover { + background-color: @surface1; } - .aKs { - color: @subtext1 !important; + /* Email count / pagination */ + .Dj, + .h0 { + color: @subtext1; } - /* theme */ - div.Kj-JD { - background-color: @base; - } - .a80.Kj-JD-K7 { - box-shadow: 0 5px 10px -5px @crust; - } - .a81 { - border-color: @surface0; - } - - /* no star warning */ - .Tm .TC { - background: @base !important; - color: @text !important; - } - - /* dropdown */ - .ZF-z6, - .ZF-zT, - .ZF-Av .lJ, - .ZF-Av .lN, - .aaZ, - .aoT, - .J-M, - .bAp.b8.UC .vh, - .ajA, - .nH .Hy .m, - .J-N-JT, - .J-JK-JT, - .J-LC-JT, - form[role="search"], - form[role="search"] table, - form[role="search"] div, - form[role="search"] td { - background: @surface0 !important; - } - - div.Kj-JD-Jl > button.J-at1-atl, - div.Kj-JD-Jl > button.J-at1-auR { - background: @accent-color !important; - color: @crust !important; - } - div.Kj-JD-Jl > button, - .bBh .Kj-JD-Jl > .J-at1-auR, - .Kj-JD-K7-K0, - .J-N { - color: @text !important; - } - .J-N-JT, - .J-N-JW { - color: @text !important; - background: @surface2 !important; - } - .J-N-JT .J-N-Jz, - .J-N-JW .J-N-Jz { - color: @text !important; - } - .T-I-Kq > .asa::before, - .T-I-Kq.T-I-JO > .asa::before { - background: @surface1 !important; - } - - /* compose button */ - .T-I-KE { - background: @accent-color !important; - color: @crust !important; - & when (@lookup =latte) { - color: @text !important; - } - &:hover { - background: darken(@accent-color, 10%); - color: @crust !important; - } - } - - /* drive usage */ - .aiC { - background: @overlay0 !important; - } - .aiA { - background: @accent-color !important; - } - /* icons */ - .aAy > .aKp, - .xY > .T-Jo, - .T-I .T-I-J3, - td.apU > .T-KT.aXw::before, - .bqX:not(.pW):hover::before, - .nZ > .TN.aHS-bnt .qj::before { - filter: brightness(0) saturate(90%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%); - } - - .WR .z0 > .L3::before { - filter: brightness(0) saturate(80%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(20%) contrast(75%); - } - - td.apU > .T-KT.T-KT-Jp::before { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(337deg) brightness(300%); - } - .J-N-JX, - .J-Ph-hFsbo, - .OB, - .Q1:not(:checked) + .Vo::before, - .SV { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%); - } - .brC-aMv-auO .aT5-aOt-I-JX { - fill: @accent-color; - } - .brC-aMv-auO .brC-dA-I.aT5-aOt-I-Jp .aT5-aOt-I-JX-atM { + /* Read emails */ + .yO { background-color: @base; - } - - /* sidebar icons */ - .TO:not(.nZ) .qj:not(.aEe), - .n3 .CL.Q7::before, - .n3 .CL.Wj::before, - .n3 .CL.H5o3mc::before, - .n6 .n4 .G-asx, - .n6 .air .G-asx, - .TN .TH { - filter: brightness(0) saturate(80%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(220%) contrast(75%); - } - - /* help dropdown */ - .t9 { - background-color: @surface0 !important; - } - .ua { - color: @text !important; - } - .ua.bk5 { - background-color: @overlay0; - } - - /* labels */ - .J-awr { color: @text; } - .J-N-Jz { - color: @text !important; - } - .J-Kh { - border-color: @text; - } - - /* sidebar */ - .bsU { + /* Read email text */ + .zE { color: @text; } - .aAw .aAu { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%); + /* Select icon */ + .xY > .T-Jo, + td.apU > .T-KT.aXw::before, + // Hover action icons + .bqY li { + filter: @text-filter; } - - /* svgs */ - .gb_Mc svg, - .gb_Rc.gb_Vc svg, - .gb_Mc .gb_dd .gb_ld, - .gb_Mc .gb_dd .gb_Lc, - .gb_Mc .gb_dd .gb_fd, - .gb_Rc.gb_Vc .gb_ld { + /* Read email dates */ + .yO > .xW { color: @subtext0; } - - /* toolbar */ - .Hl, - .Hq, - .Ha, - [role="menuitemcheckbox"] > div > div, - [role="listbox"] .J-Z-M-I-J6-H > .J-Z-M-I-JG, - div.ajR .ajT, - .btC .dv, - .btC .aaA.a1, - .btC .J-N-JX.a1, - .btC .aaA.e5, - .aaZ .J-N-JX.e5, - .btC .aaA.QT, - .btC .J-N-JX.QT, - .btC .aaA.aA7, - .aaZ .J-N-JX.aA7, - .btC .aaA.buc, - .btC .J-N-JX.buc, - .btC .aaA.BP, - .aaZ .J-N-JX.BP, - .btC .aaA.a5, - .btC .aaA.a2X, - .aaZ .J-N-JX.a5, - .aaZ .J-N-JX.a2X, - [role="toolbar"] [role="button"]:not(.H2, .Ol) { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%) !important; - } - - /* advanced settings */ - div.Kj-JD-Jz { - color: @subtext0 !important; - } - .alO, - .v .fY, - .v .f1, - .r4 { - background: @base !important; - } - .v .f1, - .v .f1 .f0 { - color: @text !important; - } - .qL { - color: black !important; - } - .v .fZ { - box-shadow: inset 0 -2px 0 0 @accent-color; - .f0 { - color: @accent-color !important; - } - } - .alP, - .sA, - .r4 .e { - color: @sapphire !important; - &:hover { - color: @teal !important; - } - } - .Ze { - background: @surface0 !important; - } - .a8Y > .T-I-ax7 { - background: @surface0 !important; - color: @text !important; - &:hover { - background: @surface1 !important; - } + /* Read email summary truncated */ + .y2 { + color: @subtext1; } - .T-I-atl { - background: @accent-color !important; - color: @crust !important; - &:hover { - background: lighten(@accent-color, 10%) !important; + /* Selected unread emails */ + .x7 { + background-color: @accent-color; + color: @mantle; + + /* Select icon */ + .xY > .T-Jo, + td.apU > .T-KT.aXw::before, + // Hover action icons + .bqY li { + filter: @crust-filter; } } - /* loading */ - #explosion_clipper_div > .la-i > div { - background: @surface0 !important; - } + /* Floating menu */ + .J-M { + background-color: @surface1; - #nlpt { - background-color: @surface0 !important; - &::before { - background-color: @overlay0 !important; + /* Menu section header */ + .J-awr { + color: @subtext1; } - } - .la-b > .la-l, - .la-b > .la-r, - .la-b > .la-m { - background: @surface1 !important; - } - - .la-k .la-l, - .la-k .la-r { - border-color: @base !important; - } - - .la-k .la-m { - background: @base !important; - clip-path: polygon(47% 100%, 100% 47%, 100% 100%); - } - - .la-i > .la-l, - .la-i > .la-r { - border-color: @surface0 !important; - } - - .la-i > .la-m { - background: @surface0 !important; - } + /* Menu item */ + .J-N { + color: @text; + } - .msgb { - color: @text; - a { - color: @accent-color !important; + /* Menu section divider */ + .J-Kh { + border-top-color: @surface2; } } } @@ -712,10 +308,10 @@ /* prettier-ignore */ @catppuccin: { - @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; - @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; - @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; - @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @text_filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(1015%) hue-rotate(196deg) brightness(94%) contrast(91%); @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; @crust_filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(583%) hue-rotate(187deg) brightness(92%) contrast(97%); }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @text_filter: brightness(0) saturate(100%) invert(80%) sepia(11%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; @crust_filter: brightness(0) saturate(100%) invert(11%) sepia(6%) saturate(3257%) hue-rotate(192deg) brightness(93%) contrast(88%); }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @text_filter: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1385%) hue-rotate(192deg) brightness(101%) contrast(92%); @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; @crust_filter: brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(2560%) hue-rotate(198deg) brightness(95%) contrast(97%); }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @text_filter: brightness(0) saturate(100%) invert(87%) sepia(6%) saturate(985%) hue-rotate(191deg) brightness(96%) contrast(99%); @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; @crust_filter: brightness(0) saturate(100%) invert(3%) sepia(12%) saturate(3951%) hue-rotate(206deg) brightness(96%) contrast(92%); }; } // vim:ft=less