Skip to content

日本語環境向けの Google ドメイン専門スタイル (ja-JP) by MaruniUmebachi

Homepage Write a review Install Get Stylus

Details

AuthorMaruniUmebachi

LicenseCC 0

Categorygoogle

Created

Updated

Size66 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Roboto フォントを機能させるとか。私の用意した var スタイルとの併用を前提としています。

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         2.1. Google *
@version      20241130.12.54
@namespace    https://userstyles.world/user/MaruniUmebachi
@description  Roboto フォントを機能させるなど。
@homepage     https://userstyles.world/user/MaruniUmebachi
@author       MaruniUmebachi
@license      CC 0
==/UserStyle== */

@-moz-document domain("google.com"), domain("google.co.jp"), regexp("(android|https)?://(www\\.)?goolge\\.co\\.\\w+/.*") {
/* font */
:root {
    --Stylus-CSS: "Google *";
    &,
    body {
        --Stylus-CSS: "Google *";
        --Last-Font: var(--Noto-Font), Helvetica, Arial;
        --Roboto-Font: Roboto, RobotoDraft;
        --Source-Font: "Source Han Sans VF", "Source Han Sans";
        --Noto-CJK: "Noto Sans JP", "Noto Sans CJK";
        --Noto-Sans: "Noto", "Noto Sans";
        --Base-Font: var(--Roboto-Font), var(--Noto-Font);
        --Han-Font: var(--Noto-CJK), var(--Source-Font);
        --FontFamily: var(--font-family-Stylus);
        --font-family-Stylus: var(--Base-Font), var(--Han-Font), var(--Last-Font);
    }

    * {
        --Stylus-CSS: "Google *";
        --font-family-Stylus: var(--Base-Font), var(--Han-Font), var(--Last-Font);
    }
}
}

@-moz-document domain("google.com"), domain("google.co.jp"), domain("youtube.com") {
/* all */
:root {
    --Stylus-CSS: "Google *";
    &,
    body {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        --font-variant-east-asian-Stylus: proportional-width;
        --font-feature-settings-Stylus: "palt";
        --font-kerning-Stylus: auto;
        --font-optical-sizing: var(--font-optical-sizing-Stylus);
        --font-optical-sizing-Stylus: inherit;
        --spacing-Stylus: calc(1em / 16);
        --letter-spacing-Stylus: calc(1em / 8);
        --word-spacing-Stylus: calc(1em / 16);
        --hyphens-Stylus: auto;
    }

    svg {
        --Stylus-CSS: "Google *";
        &,
        *,
        text {
            --Stylus-CSS: "Google *";
            --font-feature-settings-Stylus: initial;
            --font-variant-east-asian-Stylus: normal;
            --spacing-Stylus: 0;
            --letter-spacing-Stylus: var(--spacing-Stylus);
            --word-spacing-Stylus: var(--spacing-Stylus);
        }
    }
}
}

@-moz-document domain("youtube.com") {
/* YouTube */
:root {
    --Stylus-CSS: "Google *";
    --Stylus-CSS: "YouTube";
    letter-spacing: var(--letter-spacing-Stylus);
    font-kerning: var(--font-kerning-Stylus);
    * {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        font-kerning: inherit;
    }

    #input {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        letter-spacing: var(--letter-spacing-Stylus-form);
        word-spacing: var(--word-spacing-Stylus-form);
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
    }

    .break-words {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        letter-spacing: var(--letter-spacing-Stylus-line);
        word-spacing: var(--word-spacing-Stylus-line);
        font-feature-settings: var(--font-feature-settings-Stylus);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus);
        font-kerning: var(--font-kerning-Stylus);
    }

    h1.ytd-watch-metadata,
    ytd-watch-metadata[title-headline-xs] h1.ytd-watch-metadata {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        font-family: "YouTube Sans", "Roboto", sans-serif;
        font-kerning: var(--font-kerning-Stylus);
    }
}

html:root {
    --Stylus-CSS: "Google *";
    --Stylus-CSS: "YouTube";
    --ytd-subheadline-font-size: 1.5rem;
    --yt-attributed-string-link-hover-color: var(--yt-brand-youtube-red, --accent-color);
    --yt-spec-call-to-action: var(--yt-brand-youtube-red, --accent-color);
    --yt-spec-suggested-action: var(--yt-spec-brand-link-text-faded);
    .yt-core-attributed-string__link--call-to-action-color,
    .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        color: var(--yt-brand-youtube-red, --accent-color);
    }

    .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        background: var(--yt-spec-brand-link-text-faded);
    }
}
}

@-moz-document domain("www.youtube.com") {
:root {
    --Stylus-CSS: "Google *";
    --Stylus-CSS: "YouTube";
    --Stylus-CSS-extension: "yt-live-chat";
    #card.yt-live-chat-viewer-engagement-message-renderer {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        --Stylus-CSS-extension: "yt-live-chat";
        display: none;
    }

    yt-live-chat-text-input-field-renderer[is-chat-message-input] #input.yt-live-chat-text-input-field-renderer {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        --Stylus-CSS-extension: "yt-live-chat";
        letter-spacing: var(--letter-spacing-Stylus-form);
        word-spacing: var(--word-spacing-Stylus-form);
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
    }

    #extension-ytlc-timeline-note {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        --Stylus-CSS-extension: "extension-ytlc-timeline-note";
        #ytlctn-ql-editor p {
            --Stylus-CSS: "Google *";
            --Stylus-CSS: "YouTube";
            --Stylus-CSS-extension: "extension-ytlc-timeline-note";
            font-family: var(--font-family-Stylus-pre), monospace;
            font-feature-settings: var(--font-feature-settings-Stylus-pre);
            font-variant: var(--font-variant-Stylus-pre);
            font-variant-east-asian: var(--font-variant-east-asian-Stylus-pre);
            letter-spacing: var(--letter-spacing-Stylus-pre);
            word-spacing: var(--word-spacing-Stylus-pre);
        }
    }
}
}

@-moz-document domain("docs.google.com") {
:root {
    --Stylus-CSS: "Google *";
    --FontFamily: Roboto, 'docs-Roboto', Noto, 'Noto Sans', 'Noto Sans JP', sans-serif;
    :is(*, text):not(html) {
        --Stylus-CSS: "Google *";
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
    }

    [style*="font-family:'docs-Roboto';"] {
        --Stylus-CSS: "Google *";
        font-family: 'docs-Roboto', sans-serif !important;
    }

    svg {
        --Stylus-CSS: "Google *";
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
        :is(*, text):not(html) {
            --Stylus-CSS: "Google *";
            font-feature-settings: var(--font-feature-settings-Stylus-form);
            font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
            font-kerning: var(--font-kerning-Stylus-form);
        }
    }
}
}

@-moz-document domain("drive.google.com") {
/* Drive */
:root {
    --Stylus-CSS: "Google *";
    div.editable {
        --Stylus-CSS: "Google *";
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
    }
}
}

@-moz-document url-prefix("https://docs.google.com/forms/d/e/") {
/* Google フォーム */
:root {
    --Stylus-CSS: "Google *";
    &,
    body {
        --Stylus-CSS: "Google *";
        --inline-size-Stylus-div-width: 100%;
    }
}

/* https://docs.google.com/forms/d/e/1FAIpQLSdzizM8ovBteWZcYHXoc3AsgImfZmJSQdRdbQSbMtaRv3wjaw/formResponse?pli=1 */
html.HB1eCd-UMrnmb body.D8bnZd div.Uc2NEf div.teQAzf form#mG61Hd div.RH5hzf.RLS9Fe div.lrKTG div.o3Dpx div.Qr7Oae div div.geS5n div.AgroKb div.rFrNMe.k3kHxc.RdH0ib.yqQS1.zKHdkd.CDELXb,
div.k3kHxc.RdH0ib {
    --Stylus-CSS: "Google *";
    width: var(--inline-size-Stylus-div-width);
}
}

@-moz-document url-prefix("https://docs.google.com/spreadsheets") {
/* Google スプレッドシート */
@font-face {
    --Stylus-CSS: "* Roboto Source Han";
    font-family: "docs-Roboto";
    src: local("Roboto Mono"), local("Noto Sans Mono"), local("Noto Sans Mono Extracondensed"), local("docs-Roboto"), local("Roboto"), local("Source Han Sans HW VF"), local("Source Han Sans HW"), local("sans-serif");
}
}

@-moz-document url-prefix("https://docs.google.com/spreadsheets/d/") {
/* Google スプレッドシート/d/ */
:root {
    --Stylus-CSS: "Google *";
    svg text,
    * {
        --Stylus-CSS: "Google *";
        font-variant-numeric: var(--font-variant-numeric-Stylus-table);
    }
}
}

@-moz-document domain("ogs.google.com") {
/* OGS */
:root {
    --Stylus-CSS: "Google *";
}
}

@-moz-document url-prefix("https://support.google.com/docs") {
/* Support Docs */
.hcfe article section .cc {
    --Stylus-CSS: "Google *";
    font-size: var(--font-size-Stylus);
    line-height: var(--line-height-Stylus);
}
}

@-moz-document domain("scholar.google.com") {
/* Google Scholar */
.gs_el_sm .gs_r {
    --Stylus-CSS: "Google *";
    padding-block: 1em 1.5em;
}

.gs_r {
    &,
    :any-link {
        --Stylus-CSS: "Google *";
        line-height: 1.75;
    }
}
}

@-moz-document domain("googleusercontent.com"), regexp("\\w+://.*\\.googleusercontent\\.com/userCodeAppPanel.*") {
:root {
    --Stylus-CSS: "Google *";
    font-family: Roboto, Noto, var(--font-family-Stylus), 'Noto Sans', 'Noto Sans JP', 'Source Han Sans VF', sans-serif;
}
}

@-moz-document domain("play.google.com") {
.c62I2 {
    --Stylus-CSS: "Google *";
    font-size: var(--font-size-Stylus-article);
    line-height: var(--line-height-Stylus-art...

Reviews

No reviews yet.