Fluentスタイルのスタイラス(Windows 11など)+日本語用のNeoGothicフォント。
5. Stylus Fluent + NeoGothic JP by MaruniUmebachi
Details
AuthorMaruniUmebachi
LicenseNo License
Categorychrome-extension
Created
Updated
Size17 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 Stylus Fluent + NeoGothic JP
@version 20240806.05.06
@namespace https://userstyles.world/user/MaruniUmebachi
@description Stylus in Fluent style (like Windows 11) + NeoGothic font for Japanese.
@author MaruniUmebachi
@license No License
==/UserStyle== */
@-moz-document regexp("^\\w+-extension://.+") {
@font-face {
font-family: "Verdana";
src: local("Yu Gothic");
}
@font-face {
font-family: "Verdana";
font-weight: 400;
src: local("Yu Gothic Medium");
}
@font-face {
font-family: "Verdana";
font-weight: 600;
src: local("Yu Gothic Bold");
}
@font-face {
font-family: "Meiryo UI";
font-weight: 400;
src: local("YuGothicUI-Regular");
}
@font-face {
font-family: "Meiryo UI";
font-weight: 700;
src: local("YuGothicUI-Bold");
}
@font-face {
font-family: "Arial";
font-weight: 400;
font-optical-sizing: 36;
src: local("Segoe-UI-Variable-Display-Regular");
}
@font-face {
font-family: "Arial";
font-weight: 700;
src: local("Segoe-UI-Variable-Display-Bold");
}
body {
font-family: "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
xmp,
pre,
plaintext {
font-family: "Noto Sans Mono ExtraCondensed", -moz-fixed;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
font-family: "Noto Sans Mono ExtraCondensed", -moz-fixed;
}
:root {
--c97: hsl(0, 0%, 8%);
--c98: hsl(0, 0%, 10%);
--c99: hsl(0, 0%, 15%);
--c100: hsl(0, 0%, 10%);
--name-padding-left: 0;
}
#header h1,
#header #filters summary h2 {
font-family: "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, sans-serif !important;
font-weight: 600
}
button {
border-radius: 4px;
padding: 6px 25px!important;
border: 1px solid var(--c70);
font-size: 14px;
font-style: normal;
font-weight: 400;
color: var(--fg);
background-color: rgba(255, 255, 255, .0605);
border-color: rgba(255, 255, 255, .09) rgba(255, 255, 255, .07) rgba(255, 255, 255, .07);
transition: background-color .25s, border-color .25s;
}
.dirty #save-button,
.dirty #save-button + button,
#usw-publish-style {
background: #3da8ff;
border-color: transparent;
color: #000;
}
input:not([type]),
input[type=text],
input[type=number],
input[type=search],
textarea,
input[type="url"],
input[type="time"],
#search,
#manage\.newUI\.sort {
padding-left: 10px;
font-family: "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, Tahoma, Geneva, Arial, sans-serif;
width: 100%;
box-sizing: border-box;
outline: 0;
height: 32px;
background-color: rgba(255, 255, 255, .0605)!important;
border: 1px solid;
border-bottom-width: 2px;
border-color: rgba(255, 255, 255, .0698)!important;
border-radius: 4px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 32px;
color: rgba(255, 255, 255, .786);
}
input:not([type]):focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type="url"]:focus,
input[type="time"]:focus,
#search:focus,
#manage\.newUI\.sort:focus {
outline: none;
box-shadow: none !important;
border-bottom: 2px solid #0076d6 !important;
background-color: rgba(30, 30, 30, .7);
color: #fff;
border-color: rgba(255, 255, 255, .0698);
}
select {
padding-left: 10px;
font-family: "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, Tahoma, Geneva, Arial, sans-serif;
width: 100%;
box-sizing: border-box;
outline: 0;
height: 32px;
border: 1px solid;
border-bottom-width: 2px;
border-color: rgba(255, 255, 255, .0698)!important;
border-radius: 4px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 32px;
color: rgba(255, 255, 255, .786);
background-color: #363636 !important;
}
input[type="checkbox"]:not(.slider),
input[type=radio] {
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
height: 20px;
width: 20px;
outline: 0;
cursor: pointer;
vertical-align: middle;
margin: 0px 5px 3px;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.5' y='8.5' width='15' height='15' rx='1.5' stroke='%23ADADAD'/%3E%3C/svg%3E%0A");
border: 0;
background-position: -6px -6px;
flex: 0 0 20px !important;
}
input[type="checkbox"]:not(.slider):checked::after {
content: "";
}
input[type=radio] {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='7.5' stroke='%23ADADAD'/%3E%3C/svg%3E");
background-position: -5px -6px;
}
input[type="checkbox"]:not(.slider):checked {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='16' height='16' rx='2' fill='%23479EF5'/%3E%3Cpath d='M19.765 13.2047C20.0661 13.4892 20.0797 13.9638 19.7953 14.265L15.5453 18.765C15.4061 18.9123 15.2133 18.997 15.0107 18.9999C14.8081 19.0028 14.6129 18.9236 14.4697 18.7803L12.2197 16.5303C11.9268 16.2374 11.9268 15.7626 12.2197 15.4697C12.5126 15.1768 12.9874 15.1768 13.2803 15.4697L14.9846 17.174L18.7047 13.235C18.9891 12.9339 19.4638 12.9203 19.765 13.2047Z' fill='%23242424'/%3E%3C/svg%3E");
background-position: -6px -6px;
}
input[type="checkbox"]:not(.slider):hover:checked {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='16' height='16' rx='2' fill='%2362ABF5'/%3E%3Cpath d='M19.765 13.2047C20.0661 13.4892 20.0797 13.9638 19.7953 14.265L15.5453 18.765C15.4061 18.9123 15.2133 18.997 15.0107 18.9999C14.8081 19.0028 14.6129 18.9236 14.4697 18.7803L12.2197 16.5303C11.9268 16.2374 11.9268 15.7626 12.2197 15.4697C12.5126 15.1768 12.9874 15.1768 13.2803 15.4697L14.9846 17.174L18.7047 13.235C18.9891 12.9339 19.4638 12.9203 19.765 13.2047Z' fill='%23242424'/%3E%3C/svg%3E%0A");
background-position: -6px -6px;
}
input[type="checkbox"]:not(.slider):hover {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.5' y='8.5' width='15' height='15' rx='1.5' stroke='%23BDBDBD'/%3E%3C/svg%3E");
background-position: -6px -6px;
}
input[type=radio]:checked {
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16C24 20.1421 20.6421 23.5 16.5 23.5C12.3579 23.5 9 20.1421 9 16C9 11.8579 12.3579 8.5 16.5 8.5C20.6421 8.5 24 11.8579 24 16Z' stroke='%23479EF5'/%3E%3Ccircle cx='16.5' cy='16' r='5' fill='%23479EF5'/%3E%3C/svg%3E%0A");
background-position: -5px -6px;
}
input[type=radio]:checked:hover {
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16C24 20.1421 20.6421 23.5 16.5 23.5C12.3579 23.5 9 20.1421 9 16C9 11.8579 12.3579 8.5 16.5 8.5C20.6421 8.5 24 11.8579 24 16Z' stroke='%2362ABF5'/%3E%3Ccircle cx='16.5' cy='16' r='5' fill='%2362ABF5'/%3E%3C/svg%3E%0A");
background-position: -5px -6px;
}
input[type=radio]:hover {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='7.5' stroke='%23BDBDBD'/%3E%3C/svg%3E%0A");
background-position: -5px -6px;
}
input[type="radio"]::after {
display: none;
}
#header-resizer::after,
.resize-grip::after {
border: 0;
}
#header-resizer {
width: 0;
}
.resize-grip {
height: 0;
}
#popup-options button,
.edit-actions button {
height: initial;
}
.filter-selection select,
#header .filter-selection label {
height: 30px;
}
.filter-selection .select-wrapper {
left: 40px;
}
#message-box {
backdrop-filter: blur(1px);
}
#message-box > div {
border-radius: 8px;
}
#message-box-title {
font-family: "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", Helvetica, Verdana, sans-serif !important;
font-weight: 600;
background-color: transparent;
padding: .45rem 12px;
font-size: 18px;
min-height: 0;
}
#message-box-title::before {
display: none;
}
.i-edit::after {
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5289 1.76386C11.5525 0.740171 13.2123 0.740172 14.236 1.76386C15.2596 2.78755 15.2596 4.44728 14.236 5.47097L13.4571 6.24979L9.75002 2.54269L10.5289 1.76386ZM9.04292 3.24979L2.65722 9.63549C2.28304 10.0097 2.0...