Skip to content

jmp-tana-css by jmatthewpryor

Write a review Install Get Stylus

Details

Authorjmatthewpryor

LicenseNo License

Categoryapp.tana.in

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tana tweaks

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         jmp-tana-css
@version      20240803.21.55
@namespace    https://userstyles.world/user/jmatthewpryor
@description  Tana tweaks
@author       jmatthewpryor
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name           app.tana.inc - 10/21/2022, 9:02:58 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("app.tana.inc"), domain("tagr-prod-parrot.web.app") {
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons@latest/iconfont/tabler-icons.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600&display=swap');
@import url('https://github.com/iaolo/iA-Fonts/raw/master/iA%20Writer%20Duo/Variable/iAWriterDuoV.ttf');
@import url('https://github.com/iaolo/iA-Fonts/raw/master/iA%20Writer%20Duo/Variable/iAWriterDuoV-Italic.ttf');



:root {
    --bulletDiameterInner: 6px;

    --size300: 14.5px;

    --lineLength: 80rem;
}

body {
    font-family: 'Montserrat';
    /*    font-family: 'iA Writer Duo V';*/
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 14.5px !important;
}

mark {
    background-color: hsl(51, 98%, 81%);
}

:has(span[data-tag="quote"]):not(.expandedNodeContent) > .listContentItem,
:has(span[data-tag="block-quote"]):not(.expandedNodeContent) > .listContentItem {
    background-color: var(--colorReferenceMentionBackground);
    border-left: 5px solid var(--colorUIStroke);
    border-left-width: 3px;
    border-radius: 3px;
    padding: 8px 14px;
}

:has(span[data-tag="delegated"]):not(.expandedNodeContent) > span[data-role="editable"]:before {
    content: "👤 ← ";
    color: var(--colorUITextMuted);
}

:has(span[data-tag="discuss"]):not(.expandedNodeContent) > span[data-role="editable"]:before {
    content: "💬 ← ";
    color: var(--colorUITextMuted);
}

:has(span[data-tag="personal-goal"]):not(.expandedNodeContent) > span[data-role="editable"]:before {
    content: "🎯 ";
}

:has(span[data-tag="project"]):not(.expandedNodeContent) > span[data-role="editable"]:before {
    content: "\edc5";
    font-family: 'tabler-icons';
    margin-right: 5px;
    color: #617901;
}
:has(span[data-tag="tana-tip"]):not(.expandedNodeContent) > span[data-role="editable"]:before {
    content: "\f2dd";
    font-family: 'tabler-icons';
    margin-right: 5px;
    color: #f2bd1d;
}

:has(span[data-tag="notebook"]):not(.expandedNodeContent) > span[data-role="editable"]:before {
    content: "\eb96";
    font-family: 'tabler-icons';
    margin-right: 5px;
    color: #bee71b;
}

:has(span[data-tag="spotlight"]):not(.expandedNodeContent) > span[data-role="editable"]:before {
    content: "💡 → ";
    color: var(--colorUITextMuted);
}

:has(span[data-tag="reminder"]):not(.expandedNodeContent) > span[data-role="editable"]:before {
    content: "🧠 ← ";
    color: var(--colorUITextMuted);
}

:has(span[data-tag="1-1"]):not(.expandedNodeContent) > span[data-role="editable"]:before,
:has(span[data-tag="3P"]):not(.expandedNodeContent) > span[data-role="editable"]:before {
    content: "💬 ";
}

/* Sections */
.listContentItem:has(span[data-tag=".hr"]) span[data-role="editable"] {
    font-size: 40px;
    color: var(--colorUITextMuted);
}

.listContentItem:has(span[data-tag="highlights-section"]) span[data-role="editable"] {
    background-color: #F2BD1D !important;
}

.listContentItem:has(span[data-tag="zettel-section"]) span[data-role="editable"] {
    background-color: #8D6343 !important;
}

.listContentItem:has(span[data-tag="nedap-section"]) span[data-role="editable"] {
    background-color: #12537A !important;
}

.listContentItem:has(span[data-tag="journal-section"]) span[data-role="editable"] {
    background-color: #599CC6 !important;
}

.listContentItem:has(span[data-tag="中文-section"]) span[data-role="editable"] {
    background-color: #FEA443 !important;
}

.listContentItem:has(span[data-tag="metrics-section"]) span[data-role="editable"] {
    background-color: #565656 !important;
}

.listContentItem:has(span[data-tag="spotlight-section"]) span[data-role="editable"] {
    background-color: #FEA443 !important;
}

.listContentItem:has(span[data-tag="personal-section"]) span[data-role="editable"] {
    background-color: #1E86C7 !important;
}

.listContentItem:has(span[data-tag="inbox-section"]) span[data-role="editable"] {
    background-color: #D95F69 !important;
}

.listContentItem:has(span[data-tag="literature-notes"]) span[data-role="editable"] {
    background-color: #8F3B7B !important;
}

.listContentItem:has(span[data-tag="fleeting-notes"]) span[data-role="editable"] {
    background-color: #DB86C7 !important;
}

.listContentItem:has(span[data-tag="zettel-notes"]) span[data-role="editable"] {
    background-color: #73A867 !important;
}


.listContentItem:has(span[data-tag="literature-notes"]) .noInteractiveInline {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 7px;
    padding-left: 15px;
    border-left: 1px solid var(--colorUITupleStroke);
    font-style: italic;
}

.listContentItem:has(span[data-tag="highlights-section"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="zettel-section"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="nedap-section"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="journal-section"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="中文-section"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="spotlight-section"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="personal-section"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="inbox-section"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="metrics-section"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="literature-notes"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="zettel-notes"]) span[data-role="editable"],
.listContentItem:has(span[data-tag="fleeting-notes"]) span[data-role="editable"] {
    padding: 3px 7px;
    line-height: 2em;
    border-radius: 3px;
    color: white;
    border: none;
    margin-right: 2px;
}

.listContentItem:has(span[data-tag="highlights-section"]) .inlinerefnode span,
.listContentItem:has(span[data-tag="zettel-section"]) .inlinerefnode span,
.listContentItem:has(span[data-tag="personal-section"]) .inlinerefnode span,
.listContentItem:has(span[data-tag="journal-section"]) .inlinerefnode span,
.listContentItem:has(span[data-tag="inbox-section"]) .inlinerefnode span,
.listContentItem:has(span[data-tag="metrics-section"]) .inlinerefnode span,
.listContentItem:has(span[data-tag="中文-section"]) .inlinerefnode span,
.listContentItem:has(span[data-tag="spotlight-section"]) .inlinerefnode span,
.listContentItem:has(span[data-tag="nedap-section"]) .inlinerefnode span {
    background-color: inherit !important;
    color: white;
    border: none;
}

/* Low opacity tags */
.listContentItem span[data-tag=".hr"],
.listContentItem span[data-tag="zettel"],
.listContentItem span[data-tag="missing"],
.listContentItem span[data-tag="highlights-section"],
.listContentItem span[data-tag="zettel-section"],
.listContentItem span[data-tag="personal-section"],
.listContentItem span[data-tag="nedap-section"],
.listContentItem span[data-tag="journal-section"],
.listContentItem span[data-tag="inbox-section"],
.listContentItem span[data-tag="中文-section"],
.listContentItem span[data-tag="spotlight-section"],
.listContentItem span[data-tag="metrics-section"],
.listContentItem span[data-tag="literature-notes"],
.listContentItem span[data-tag="zettel-notes"],
.listContentItem span[data-tag="fleeting-notes"] {
    opacity: 0.4
}

.listContentItem:hover span[data-tag="zettel"],
.listContentItem:hover span[data-tag="missing"],
.listContentItem:hover span[data-tag="highlights-section"],
.listContentItem:hover span[data-tag="zettel-section"],
.listContentItem:hover span[data-tag="personal-section"],
.listContentItem:hover span[data-tag="nedap-section"],
.listContentItem:hover span[data-tag="journal-section"],
.listContentItem:hover span[data-tag="inbox-section"],
.listContentItem:hover span[data-tag="metrics-section"],
.listContentItem:hover span[data-tag="中文-section"],
.listContentItem:hover span[data-tag="spotlight-section"],
.listContentItem:hover span[data-tag="literature-notes"],
.listContentItem:hover span[data-tag="zettel-notes"],
.listContentItem:hover span[data-tag="fleeting-notes"] {
    opacity: 1
}

div[data-panel-content="true"] .listContentItem:has(span[data-tag="zettel"]) span[data-role="editable"] {
    background: #dfedf778;
    padding: 3px 10px 3px 55px;
    line-height: 1.65em;
    border-radius: 3px;
    position: relative;
    color: #111211 !important;
}

div[data-panel-content="true"] .listContentItem:has(span[data-tag="zettel"]) .outerEdgeActive .editable:not(.outerEdgeEditable) {
    border: 1px solid #dfedf778;
    border-left: 0px;
    box-shadow: none;
    animation: none;
    position: relative;
    z-index: 1;
}

div[data-panel-content="true"] .listContentItem:has(span[data-tag="zettel"]) span[data-role="editable"]:before {
    content: '\eb96';
    font-family: 'tabler-icons';
    color: #FFFFFF;
    background-color: #1da1f2;
    border-radius: 3px 0 0 3px;
    padding-left: 10px;
    line-height: 26px;
    font-size: 20px;
    left: 0px;
    top: 0%;
    position: absolute;
    pointer-events: none;
    width: 35px;
}

.isDarkMode div[data-panel-content="true"] .listContentItem:has(span[data-tag="zettel"]) span[data-role="editable"]:before {
    background-color: #dfedf778;
    color: #ffffffc4;
}

div[data-panel-content="true"] .listContentItem:has(span[data-tag="zettel"]) span[data-role="editable"]:after {
    content: '';
    color: #FFFFFF;

    left: 35px;
    top: 0%;
    position: absolute;
    pointer-events: none;

    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13...

Reviews

No reviews yet.