r3mn0t3 by cyka

/* ==UserStyle==
@name           r3mn0t3
@namespace      https://github.com/decygn
@version        1.0.0
==/UserStyle== */


@-moz-document url-prefix("https://www.remnote.com"){

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

* {
    font-family: work sans;
    letter-spacing: -0.03rem;
}
.rn-sidebar .text-sm,
.rn-sidebar [data-type="document_list_item"] span {
    font-size: 15px!important;
    letter-spacing: -0.01rem!important;
}

/*hide sidebar image*/
.w-\[26px\].h-\[26px\].inline-flex {display:none;}

#document-sidebar > div:nth-child(2) > div.h-16.pr-2 {
    border-bottom: 1px solid #f1f1f1;
}

#document-sidebar {
    box-shadow: 0px 0px 30px #f1f1f0;
    background: #fff;
}

#main #content .document-sidebar--pinned {
    border-width: 0;
}
#document-sidebar > div:nth-child(2) > div.flex.items-center.p-2.gap-2 {
    padding: 21px 15px 0;
}

.flash .rem-text {
    background-color: none;
    box-shadow: none;
}
::-webkit-scrollbar-thumb {
    border: 6px solid transparent!important;
}
.rounded-full:has(.rem-powerup-icon) {
    border-width: 1px!important;
}

[data-type="document_list_item"] svg[fill="currentColor"]{
    fill: var(--rn-colors-gray-50);
}

:root body.light{ 
    --rn-colors-logoBlue-60: var(--rn-colors-gray-90);
    --rn-clr-background-accent:  var(--rn-colors-gray-90);
    --rn-clr-background-light-accent:  var(--rn-colors-gray-5);
    --rn-clr-content-accent:  ;
    --rn-clr-background-secondary: var(--rn-colors-gray-5);
    --rn-clr-content-primary: var(--rn-colors-gray-90);
    
    --rn-clr-background-primary: #fdfdfd;
    
    --rn-clr-content-logo-color: red;
    
    .bg-blue-50 {
        background-color: var(--rn-colors-gray-90)!important;
    }
    
    .rn-button--primary {
        background-color: var(--rn-colors-gray-90)!important;
    }
    
    
    
    --text-rd: #ff9996;
    --text-or: #f0b584;
    --text-yw: #ffd96c;
    --text-gr: #a9d990;
    --text-bl: #79caf7;
    --text-vt: #d4a5fc;
    
         }

.rem-reference {
    color: #b7a999;
}
.rem-reference:hover {
    background-color: #f2f0ee;
}

/* highlights */

#main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--red span.whitespace-pre-wrap, .dark #main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--red span.whitespace-pre-wrap,

#main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--orange span.whitespace-pre-wrap, .dark #main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--orange span.whitespace-pre-wrap,

#main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--blue span.whitespace-pre-wrap, .dark #main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--blue span.whitespace-pre-wrap,

#main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--green span.whitespace-pre-wrap, .dark #main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--green span.whitespace-pre-wrap,

#main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--yellow span.whitespace-pre-wrap, .dark #main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--yellow span.whitespace-pre-wrap,

#main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--purple span.whitespace-pre-wrap, .dark #main .rn-editor__rem__body__text:not(.rem-header--1):not(.rem-header--2):not(.rem-header--3) .highlight-color--purple span.whitespace-pre-wrap{
    font-weight: 400!important;
}

.highlight-color--red, .pdf-viewer__highlight-container--red .AreaHighlight, .pdf-viewer__highlight-container--red .Highlight__part,
.highlight-color--orange, .pdf-viewer__highlight-container--orange .AreaHighlight, .pdf-viewer__highlight-container--orange .Highlight__part,
.highlight-color--yellow, .pdf-viewer__highlight-container--yellow .AreaHighlight, .pdf-viewer__highlight-container--yellow .Highlight__part,
.highlight-color--blue, .pdf-viewer__highlight-container--blue .AreaHighlight, .pdf-viewer__highlight-container--blue .Highlight__part,
.highlight-color--green, .pdf-viewer__highlight-container--green .AreaHighlight, .pdf-viewer__highlight-container--green .Highlight__part,
.highlight-color--purple, .pdf-viewer__highlight-container--purple .AreaHighlight, .pdf-viewer__highlight-container--purple .Highlight__part{
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 400!important;
}

/*red highlighted ref*/
.highlight-color--red .rem-reference , .pdf-viewer__highlight-container--red .AreaHighlight, .pdf-viewer__highlight-container--red .Highlight__part .rem-reference {
    color: var(--text-rd)!important;
}
.highlight-color--red .rem-reference:hover , .pdf-viewer__highlight-container--red .AreaHighlight:hover, .pdf-viewer__highlight-container--red .Highlight__part .rem-reference:hover {
    background-color: var(--rn-colors-red-5);
}

/*blue highlighted ref*/
.highlight-color--blue .rem-reference , .pdf-viewer__highlight-container--blue .AreaHighlight, .pdf-viewer__highlight-container--blue .Highlight__part .rem-reference {
    color:var(--rn-colors-cyan-40)!important;
}


/*purple highlighted ref*/
.highlight-color--purple .rem-reference , .pdf-viewer__highlight-container--purple .AreaHighlight, .pdf-viewer__highlight-container--purple .Highlight__part .rem-reference {
    color:#d4a7e8!important;
}



/* red highlight*/

.highlight-color--red, .pdf-viewer__highlight-container--red .AreaHighlight, .pdf-viewer__highlight-container--red .Highlight__part {
    background-color: #f8e4e0;
}

/* green highlight */
.highlight-color--green, .pdf-viewer__highlight-container--green .AreaHighlight, .pdf-viewer__highlight-container--green .Highlight__part {
    background-color: #e9f2e1;
}
    
    
}