Skip to content

zomo by jxsys

Screenshot of zomo
Write a review Install Get Stylus

Details

Authorjxsys

LicenseNo License

Categorymail.zoho.com

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Minimal ZoHo mail userstyle, changing everything to be fun and beginner friendly.

Changelog

+ Snappier animations
+ Simplified logo
+ Simplified search
- Icon logo
- Bloat-filled user panel
- Bloat-filled navbar
- Redundant items
- ZoHo "all apps" menus (they're everywhere)

Notes

Requires ZoHo mail dark mode.

Can be any color, just has to be dark mode for all effects to work properly.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         zomo
@version      20230317.21.07
@namespace    userstyles.world/user/jxsys
@description  minimal zoho mail style
@author       jxsys
@license      No License
==/UserStyle== */

@-moz-document regexp("(http|https)\\:\\/\\/(mail|mailadmin).zoho.com(.*)") {
.zmAppLN,
.zmAppName {
  width: 100%;
}
.zmAppName,
.zmTreeNode {
  -ms-grid-row-align: center;
  align-self: center;
  vertical-align: middle;
}
#zmlTree,
.zmAppLN,
.zmAppLNwra,
.zmNewBtn.zm_compose {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  text-align: center;
}
#zmlTree,
.zmAppLN,
.zmAppLNwra,
.zmLFCD,
.zmList,
.zmNewBtn.zm_compose {
  -webkit-box-direction: normal;
}
#associateTask,
#attachmentFilter,
#attachmentFilter > .zmbtn__text,
#conversation,
#filter,
#filter > .zmbtn__text,
#jsAppNameHeader > div > div,
#jsAppNameHeader > div > i,
#jsZmChatBarIcons,
#menubutton-example-menu-1,
#moreAction,
#move,
#permalink,
#reminder,
#snooze,
#tag,
#toDayMode,
#toNightMode,
#wms_menubar,
#wmstoolbar,
#zmComposeEditor_Cmp1
  > div
  > div.zmetoolbar
  > div:first-child
  > div:first-child
  > button.zmetoolbar__btn.zmob-cmpse-voicerec-unread,
#zmStreamTree,
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div
  > div
  > div.zmCRow.zmCActions
  > div:first-child
  > button:nth-child(3),
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(3)
  > div
  > div
  > div
  > div.zmCAddWra
  > div:nth-child(2),
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(3)
  > div
  > div
  > div
  > div.zmCRow.zmCActions
  > div:nth-child(2)
  > div
  > button.zmbtn.zmbtn--mbtn.zmbtn--flat.zmbtn--primary.zmbtn--md,
#zm_centerHolder
  > div.SCmWra
  > div
  > div
  > div.SC_pv.shw.zmTMail.SC_w100
  > div
  > div.zmPVContent
  > div.zmPVMailWrapper
  > div:nth-child(2)
  > div.zmMailHeader
  > div
  > div:first-child
  > div.zmMHdrData
  > div.zmMHdrRow.zmMHAddSum
  > div.zmMHdrData
  > div.zmMHdrAdd.zmMHlD
  > span,
#zm_lftree > div.zmNewBtn.zm_compose > div > button:first-child > .zmbtn__text,
#zmlTree > div:nth-child(10),
#zmlTree > div:nth-child(3),
#zmlTree > div:nth-child(4),
#zmlTree > div:nth-child(8),
#zmlTree > div:nth-child(9),
#zmlTreeH > div.zmTreeNDWra,
#zmlTreeH > div.zmTreeTIcon,
#zmllabelH,
#zmlviewH,
.jsTGIEM.zmHIP,
.zmChatBar,
.zmGreyClr.zmHIP.jsFIDNE,
.zmLDCInfo,
.zmList > div.zmLact > div.zmLTct,
.zmRhsAppNav,
.zmSDot.zmSeperator,
.zmup-id,
a[href="/cpanel/home.do?mode=redirectToPricing"],
body
  > div.zmBody
  > div.zmWrapper
  > div.zmCaRBlk
  > div.zmCaRWra
  > div:nth-child(4)
  > div.zmRhsBar
  > ul:first-child
  > li:nth-child(4),
body
  > div.zmBody
  > div.zmWrapper
  > div:nth-child(6)
  > div
  > div.zmup__widget-wra
  > div:nth-child(2),
body
  > div.zmBody
  > div.zmWrapper
  > div:nth-child(6)
  > div
  > div.zmup__widget-wra
  > div:nth-child(3)
  > div.zmup__widget-header,
body
  > div.zmBody
  > div.zmWrapper
  > div:nth-child(6)
  > div
  > div.zmup__widget-wra
  > div:nth-child(3)
  > div.zmup__widget-header
  > div,
body
  > div.zmBody
  > div.zmWrapper
  > div:nth-child(6)
  > div
  > div.zmup__widget-wra
  > div:nth-child(3)
  > div.zmup__widget-header
  > div
  > p,
body
  > div.zmBody
  > div.zmWrapper
  > div:nth-child(6)
  > div
  > div.zmup__widget-wra
  > div:nth-child(4),
body
  > div.zmBody
  > div.zmWrapper
  > div:nth-child(6)
  > div
  > div.zmup__widget-wra
  > div:nth-child(5),
body
  > div.zmBody
  > div.zmWrapper
  > div:nth-child(6)
  > div
  > div.zmup__widget-wra
  > div:nth-child(6),
body
  > div.zmBody
  > div.zmWrapper
  > div:nth-child(6)
  > div
  > div.zmup__widget-wra
  > div:nth-child(7),
button[title="Start Chat"],
div[data-action="envelope"],
div[data-action="flag"],
i[data-tooltip="Flag this email as important"] {
  display: none;
  visibility: hidden;
}
#zm_lftree > div.zmNewBtn.zm_compose > div > button:first-child,
.zmNewBtn.zm_compose {
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  padding: 0 !important;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zmAppsBar {
  display: none;
}
.zmNewBtn.zm_compose {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#zm_lftree > div.zmNewBtn.zm_compose > div > button:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 5vw;
  border-radius: 50% !important;
  aspect-ratio: 1/1 !important;
  max-width: 5vw !important;
  width: 5vw !important;
  height: 5vw !important;
}
#zm_lftree > div.zmNewBtn.zm_compose > div > button:first-child::after {
  content: "\a+";
}
#jsAppNameHeader > span.zmLink.zm_savesearch,
#jsAppNameHeader > span.zmSDot,
#shareAsLink,
#topBar
  > div.zmSearchWra.zmSSOn
  > div
  > div.SC_dd.shw.zmSearchDD.js-list-container,
#zm-cmp-moreoptionsCmp1,
#zmComposeEditor_Cmp1 > div > div.zmetoolbar > div:nth-child(2) > button,
#zmZHamburger,
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div.SC_pv.shw.zmTMail.SC_w100
  > div
  > div.zmPVContent
  > div.zmPVMailWrapper
  > div.zmPVMail
  > div.zmMailHeader
  > div
  > div:first-child
  > div.zmMHdrData
  > div:first-child
  > div.zmMHdrRight.jsACTIN
  > div
  > div:nth-child(2)::before,
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div.SC_pv.shw.zmTMail.SC_w100
  > div
  > div.zmPVContent
  > div.zmPVMailWrapper
  > div:first-child
  > div.zmMailHeader
  > div
  > div:first-child
  > div.zmMHdrData
  > div.zmMHdrRow.zmMHAddSum
  > div.zmMHdrData
  > div.zmMHdrAdd.zmMHlD,
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div.SC_pv.shw.zmTMail.SC_w100
  > div
  > div.zmPVTitle
  > div.zmPVActions.zmPVActionsBar
  > div
  > div:first-child
  > div
  > i,
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div.SC_pv.shw.zmTMail.SC_w100
  > div
  > div.zmPVTitle
  > div.zmPVActions.zmPVActionsBar
  > div
  > div:nth-child(2)
  > div
  > button:first-child,
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div.zmAppContent
  > div
  > div:nth-child(2),
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div.zmAppHeader
  > div:nth-child(2),
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div
  > div
  > div.zmCRow.zmCActions
  > div:first-child
  > button:nth-child(5),
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div
  > div
  > div.zmCRow.zmCActions
  > div:first-child
  > i:nth-child(2),
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div
  > div
  > div.zmCRow.zmCActions
  > div:first-child
  > i:nth-child(4),
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div
  > div
  > div.zmCRow.zmCActions
  > div:first-child
  > i:nth-child(8),
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div
  > div
  > div.zmCRow.zmCActions
  > div:nth-child(2)
  > div
  > button.zmbtn.zmbtn--mbtn.zmbtn--flat.zmbtn--primary.zmbtn--md,
#zm_centerHolder
  > div.SCmWra
  > div:nth-child(2)
  > div
  > div
  > div
  > div.zmCRow.zmCRfRt,
#zm_centerHolder > div.SCmWra > div > div > div.zmAppHeader > div:nth-child(2),
.js-dropmenu,
.jsReciID,
.zmAppLogo,
.zmMHDToggle,
.zmSearchAppSwitch.zmSBC,
.zmSearchDD,
.zmSync,
.zmTreeCount,
.zmuseravailability,
body > div.zmBody > div.zmWrapper > div.zmLHSBlk.zmLHSDark > div.zmCollapseLhs,
div.zmup.zmup--show > div.zmup__widget-wra > div:nth-child(2),
div.zmup.zmup--show
  > div.zmup__widget-wra
  > div:nth-child(3)
  > div.zmSCWrapper
  > div.zmStorageInfo
  > p,
div.zmup.zmup--show
  > div.zmup__widget-wra
  > div:nth-child(3)
  > div.zmup__widget-header
  > div
  > p,
div.zmup.zmup--show > div.zmup__widget-wra > div:nth-child(4),
div.zmup.zmup--show > div.zmup__widget-wra > div:nth-child(5),
div.zmup.zmup--show > div.zmup__widget-wra > div:nth-child(6),
div.zmup.zmup--show > div.zmup__widget-wra > div:nth-child(7) {
  display: none !important;
  visibility: hidden !important;
}
div.zmup.zmup--show
  > div.zmup__widget-wra
  > div:nth-child(3)
  > div.zmup__widget-header {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.zmAppLN,
.zmAppLNwra,
.zmTreeNode {
  display: -webkit-box;
  display: -ms-flexbox;
  margin: 0 !important;
}
.zmAppLN,
.zmAppLNwra {
  padding: 0 !important;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  clear: both;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zmAppName::before {
  content: "\aZM";
}
.zmAppName,
.zmAppName::after {
  float: left;
  clear: both;
  content: none !important;
}
.zmAppName {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  font-size: 3vw;
  max-height: 3vw;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  min-width: 4.15vw;
  max-width: 4.15vw...

Reviews

No reviews yet.