<commit_before>/** Default Styles for uibuilder
 * see https://css-tricks.com/a-complete-guide-to-custom-properties/ for details on using custom css properties
 * @author: <NAME> (TotallyInformation)
 * @license: Apache 2.0
 * @created: 2022-01-30
 *
 * NOTES:
 * - Watch out for the order of loading of style sheets!
 * - uibuilder attempts to auto-load this sheet BUT you may need to do it manually to get the right order.
 * - Include in your index.css file as `@import url("./uib-styles.css");`
 */

 /* :root applies to everything */
:root {
    --uib-color-light: 201, 209, 217;
    --uib-color-dark:  36, 36, 36;
    --uib-color-info:  23, 162, 184; /* Cyan  */
    --uib-color-warn:  255, 193, 7;  /* Amber */
    --uib-color-error: 220, 53, 69;  /* Red   */
    --uib-color-primary:   0, 123, 255;   /* Blue  */
    --uib-color-secondary: 108, 117, 125; /* Grey  */
    --uib-color-success:   40, 167, 69;   /* Green */

    --uib-color-fg: var(--uib-color-dark);
    --uib-color-bg: var(--uib-color-light);
}

/* If the browser reports it, we can adjust for light/dark theme preferences */
@media (prefers-color-scheme: light) {
    :root {
        --uib-color-fg: var(--uib-color-dark);
        --uib-color-bg: var(--uib-color-light);
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --uib-color-fg: var(--uib-color-light);
        --uib-color-bg: var(--uib-color-dark);
    }
}

/* Apply `class="uib" to body tag if desired */
body.uib {
    margin: 1rem;
    font-family: sans-serif;
    background-color: rgb(var(--uib-color-bg));
    color: rgb(var(--uib-color-fg));
}

/*#region -- Toasts - Readable pop-over notifications -- */

.uib-toaster {
    /* all: unset;  */
    position:absolute; 
    top:0; left:0; min-width:100vw; min-height:100vh; 
    background: rgb(var(--uib-color-bg), .3);
    backdrop-filter: grayscale(60%) blur(10px); 
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    z-index:998;
}
.uib-toast {
    /* all: unset;  */
    border:2px solid rgb(var(--uib-color-fg)); 
    background-color: rgb(var(--uib-color-bg), 1);
    color: rgb(var(--uib-color-fg));
    box-shadow: 10px 10px 15px rgb(var(--uib-color-dark));
    /* filter: drop-shadow(16px 16px 10px RGB(var(--uib-color-dark))); */
    min-width:50vw; max-width:50vw; max-height:50vh; overflow-y:auto; 
    padding:1em; margin-bottom:.5em; margin-top:.5em;
    z-index:999;
}
.uib-toast.info {
    background-color: rgb(var(--uib-color-info), 1);
    color: rgb(var(--uib-color-dark));
}
.uib-toast.warn {
    background-color: rgb(var(--uib-color-warn), 1);
    color: rgb(var(--uib-color-dark));
}
.uib-toast.error {
    background-color: rgb(var(--uib-color-error), 1);
    color: rgb(var(--uib-color-light));
}
.uib-toast.primary {
    background-color: rgb(var(--uib-color-primary), 1);
    color: rgb(var(--uib-color-light));
}
.uib-toast.secondary {
    background-color: rgb(var(--uib-color-secondary), 1);
    color: rgb(var(--uib-color-light));
}
.uib-toast.success {
    background-color: rgb(var(--uib-color-success), 1);
    color: rgb(var(--uib-color-dark));
}

.uib-toast-head {font-weight:bold}

/*#endregion -- Toasts - Readable pop-over notifications -- */

/*  Colours for Syntax Highlighted pre's */
.syntax-highlight {color:white;background-color:black;padding:5px 10px;font-family: monospace;white-space: pre;}
.syntax-highlight > .key {color:#ffbf35}
.syntax-highlight > .string {color:#5dff39;}
.syntax-highlight > .number {color:#70aeff;}
.syntax-highlight > .boolean {color:#b993ff;}
<commit_msg>Add table styles and improve default styling.<commit_after>/** Default Styles for uibuilder
 * see https://css-tricks.com/a-complete-guide-to-custom-properties/ for details on using custom css properties
 * @author: <NAME> (TotallyInformation)
 * @license: Apache 2.0
 * @created: 2022-01-30
 *
 * NOTES:
 * - Watch out for the order of loading of style sheets!
 * - uibuilder attempts to auto-load this sheet BUT you may need to do it manually to get the right order.
 * - Include in your index.css file as `@import url("./uib-styles.css");`
 */

 /* :root applies to everything */
:root {
    --uib-color-light: 201, 209, 217;
    --uib-color-dark:  36, 36, 36;
    --uib-color-info:  23, 162, 184; /* Cyan  */
    --uib-color-warn:  255, 193, 7;  /* Amber */
    --uib-color-error: 220, 53, 69;  /* Red   */
    --uib-color-primary:   0, 123, 255;   /* Blue  */
    --uib-color-secondary: 108, 117, 125; /* Grey  */
    --uib-color-success:   40, 167, 69;   /* Green */
    /* Use these for lightening backgrounds using background-blend-mode: lighten; */
    --uib-lum-22: hsl(0, 0%, 22%);
    --uib-lum-28: hsl(0, 0%, 28%);
    --uib-lum-78: hsl(0, 0%, 78%);
    --uib-lum-72: hsl(0, 0%, 72%);

    --uib-color-fg: var(--uib-color-dark);
    --uib-color-bg: var(--uib-color-light);
}

/* If the browser reports it, we can adjust for light/dark theme preferences */
@media (prefers-color-scheme: light) {
    :root {
        --uib-color-fg: var(--uib-color-dark);
        --uib-color-bg: var(--uib-color-light);
        --uib-lum-lighten: linear-gradient(var(--uib-lum-72),var(--uib-lum-78),var(--uib-lum-72));
        --uib-border: rgb(var(--uib-color-dark));
        --uib-link: blue; /*-webkit-link;*/
        --uib-link-visited: purple;
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --uib-color-fg: var(--uib-color-light);
        --uib-color-bg: var(--uib-color-dark);
        --uib-lum-lighten: linear-gradient(var(--uib-lum-22),var(--uib-lum-28),var(--uib-lum-22));
        --uib-border: rgb(var(--uib-color-light));
        --uib-link: rgb(135, 206, 250);
        --uib-link-visited: rgb(109, 75, 141);
    }
}

/* Apply `class="uib" to body tag if desired */
body.uib {
    margin: 1rem;
    font-family: sans-serif;
    background-color: rgb(var(--uib-color-bg));
    color: rgb(var(--uib-color-fg));
}
body.uib div, body.uib p, body.uib code {
    margin:0.3em;
    padding:0.3em;
    font-size:110%;
}

/*#region -- Toasts - Readable pop-over notifications -- */

.uib-toaster {
    /* all: unset;  */
    position:absolute; 
    top:0; left:0; min-width:100vw; min-height:100vh; 
    background: rgb(var(--uib-color-bg), .3);
    backdrop-filter: grayscale(60%) blur(10px); 
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    z-index:998;
}
.uib-toast {
    /* all: unset;  */
    border:2px solid rgb(var(--uib-color-fg)); 
    background-color: rgb(var(--uib-color-bg), 1);
    color: rgb(var(--uib-color-fg));
    box-shadow: 10px 10px 15px rgb(var(--uib-color-dark));
    /* filter: drop-shadow(16px 16px 10px RGB(var(--uib-color-dark))); */
    min-width:50vw; max-width:50vw; max-height:50vh; overflow-y:auto; 
    padding:1em; margin-bottom:.5em; margin-top:.5em;
    z-index:999;
}
.uib-toast.info {
    background-color: rgb(var(--uib-color-info), 1);
    color: rgb(var(--uib-color-dark));
}
.uib-toast.warn {
    background-color: rgb(var(--uib-color-warn), 1);
    color: rgb(var(--uib-color-dark));
}
.uib-toast.error {
    background-color: rgb(var(--uib-color-error), 1);
    color: rgb(var(--uib-color-light));
}
.uib-toast.primary {
    background-color: rgb(var(--uib-color-primary), 1);
    color: rgb(var(--uib-color-light));
}
.uib-toast.secondary {
    background-color: rgb(var(--uib-color-secondary), 1);
    color: rgb(var(--uib-color-light));
}
.uib-toast.success {
    background-color: rgb(var(--uib-color-success), 1);
    color: rgb(var(--uib-color-dark));
}

.uib-toast-head {font-weight:bold}

/*#endregion -- Toasts - Readable pop-over notifications -- */

/* Info table (used by instance details/debug page) */
.uib-info-tb {
    border-collapse: collapse;
    border: 1px solid var(--uib-border);
}
.uib-info-tb thead th {
    color: rgb(var(--uib-color-bg));
    background: rgb(var(--uib-color-fg));
}

.uib-info-tb th, .uib-info-tb td {
    padding: .5rem;
}
.uib-info-tb th {
    text-align: left;
}
.uib-info-tb tbody tr:nth-child(even) {
    color: rgb(var(--uib-color-fg));
    background: var(--uib-lum-lighten);
    background-blend-mode: lighten;
}

a:link {
    color: var(--uib-link);
}
a:visited {
    color: var(--uib-link-visited);
}

/*#region  Colours for Syntax Highlighted pre's */
.syntax-highlight {color:white;background-color:black;padding:5px 10px;font-family: monospace;white-space: pre;}
.syntax-highlight > .key {color:#ffbf35}
.syntax-highlight > .string {color:#5dff39;}
.syntax-highlight > .number {color:#70aeff;}
.syntax-highlight > .boolean {color:#b993ff;}
/*#endregion */
{'fraction_non_alphanumeric': 0.19909186168354873, 'fraction_numerical': 0.03795552450809175, 'mean_word_length': 2.816081741448245, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 13, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '738043', 'n_tokens_mistral': 3682, 'n_tokens_neox': 3326, 'n_words': 646}