Skip to content

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

Homepage Write a review Install Get Stylus

Details

AuthorMaruniUmebachi

LicenseCC 0

Categorygoogle

Created

Updated

Size68 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      20241116.05.21
@description  Roboto フォントを機能させるなど。私の用意した var スタイルとの併用を前提としています。
@license      CC 0
@author       MaruniUmebachi
@homepage     https://userstyles.world/style/18558/var-ja-jp
@namespace    https://userstyles.world/user/MaruniUmebachi
==/UserStyle== */

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

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

    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("google.com"), domain("google.co.jp"), domain("youtube.com") {
: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;
    }
}
}

@-moz-document domain("youtube.com") {
:root {
    --Stylus-CSS: "Google *";
    --Stylus-CSS: "YouTube";
    letter-spacing: var;
    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 url-prefix("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);
    }
}

:root {
    --Stylus-CSS: "Google *";
    --Stylus-CSS: "YouTube";
    --Stylus-CSS-extension: "ytlctn";
    [style="white-space: pre !important"]#ytlctn-ql-editor {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        --Stylus-CSS-extension: "ytlctn";
        font-feature-settings: var(--font-feature-settings-Stylus-form) !important;
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form) !important;
    }
}
}

@-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") {
: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/") {
: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") {
@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/") {
:root {
    --Stylus-CSS: "Google *";
    svg text,
    * {
        --Stylus-CSS: "Google *";
        font-variant-numeric: var(--font-variant-numeric-Stylus-table);
    }
}
}

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

@-moz-document url-prefix("https://support.google.com/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") {
.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 url-prefix("https://.*\\.googleusercontent\\.com/userCodeAppPanel"), domain("googleusercontent.com/") {
: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-article);
    text-indent: var(--text-indent-Stylus-article);
}
}

@-moz-document url-prefix("https://example.com/") {
a b c d e f g h i ...

Reviews

No reviews yet.