Skip to content

小説家になろう:配色関係 by KOUNO_Motoo

Details

AuthorKOUNO_Motoo

LicenseCC0

Categorysyosetu.com

Created

Updated

Size5.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

「小説家になろう」の配色を少しいいじってみました。

ブックマークなどの既読/未読で色が変わるようにしました。
一部のテキストの色を濃いめにしました。
注意書き系のところの配色を青系から赤系にして目立つようにしました。

Notes

2024/04/14 公開

Source code

/* ==UserStyle==
@name           小説家になろう:配色関係
@namespace      https://proxima.coomaru.com/
@version        1.0.0
@description    「小説家になろう」未読と既読の色を変える、文字の色を濃く
@author         Mule, KOUNO Motoo
@license        CC0
==/UserStyle== */

@-moz-document url-prefix("https://syosetu.com/"), url-prefix("https://mypage.syosetu.com/")
{

/*------------------------------------ ユーザページ&マイページ */
	/* リンクの色を少し濃いめに */
	.c-button--outline, /* ブックマーク:「最初から読む」など */
	.p-up-activity-item__name > a,
	.p-up-activity-item__title > a,  /* 作品投稿履歴:下書きエピソード題名 */
	.c-up-novel-item__title > a,     /* 作品投稿履歴:題名 */
	.p-up-episode-item__title > a,   /* 作品詳細:エピソードリスト左の各話題名 */
	.p-up-episode-item__edit,        /* 作品詳細:エピソードリスト右の「編集」 */
	.p-up-bookmark-item__title > a,  /* ブックマーク:題名 */
	.p-up-novelinfo__edit,           /* 作品情報:編集 */
	.c-up-panel__more,
	.p-bbs-list__res-label,          /* 質問板:返信数 */
	.c-link--md,                     /* マイページ:ブックマーク */
	a
	{
		/* color: #1b8ef3; */
		color: #15c;
	}

	/* タブの色を少し濃いめに */
	.c-up-tab__item.is-active  /* 新着一覧 */
	{
		/* color: #1b8ef3; */
		color: #15c;
	}

	/* 訪問済みリンクの色を少し黒めのマゼンタに */
	.c-button--outline:visited, /* ユーザホーム:「最初から読む」などの訪問済みリンク */
	.p-up-activity-item__name > a:visited,
	.p-up-activity-item__title > a:visited,  /* 作品投稿履歴:下書きエピソード題名 */
	.c-up-novel-item__title > a:visited,     /* 作品投稿履歴:題名 */
	.p-up-episode-item__title > a:visited,   /* 作品詳細:エピソードリスト左の各話題名 */
	.p-up-episode-item__edit:visited,        /* 作品詳細:エピソードリスト右の「編集」 */
	.p-up-bookmark-item__title > a:visited,  /* ブックマーク:題名 */
	.p-up-novelinfo__edit:visited,           /* 作品情報:編集 */
	a:visited .c-link--md,                   /* マイページ:トップ 活動報告2件アンカーの色 */
	a:visited
	{
		/* color: #9971a0; */
		color: #71b;
	}

	/* アンカーの色を白で固定 */
	div.l-footer a,
	li.p-main-nav__item a
	{
		color: #fff;
	}
	

	/* 文字の色を濃いめに:ユーザページ */
	.c-up-hit-number__item,     /* 作品詳細:全○件中1件目~○件目を表示 */
	.p-up-episode-item__date,   /* 作品詳細:掲載日 */
	.c-up-novel-item__data,     /* 作品投稿履歴:全○エピ */
	.c-up-novel-item__date,     /* 作品投稿履歴:最新掲載日 */
	.p-up-activity-item__date,  /* みんなの活動:最新掲載日 */
	.p-up-bookmark-item__date,  /* ユーザページ・ブックマーク:最新掲載日 */
	.p-up-bookmark-item__menu,  /* ユーザページ・ブックマーク:設定 */
	.p-up-blog-item__date,      /* ユーザページ・活動報告:日付 */
	.c-up-breadcrumb__item > a,  /* パンくずリスト */
	/* 文字の色を濃いめに:マイページ */
	.p-userheader__tab-list-item > a, /* 上段メニュー */
	.u-text-subtext,                  /* 活動報告:日付 */
	.c-side-list__item-header,
	.c-panel__headline-allcount,      /* 全○件 */
	.c-novel-list__keyword,           /* 作品一覧:キーワード */
	.c-novel-list__lastup,            /* 作品一覧:最終更新日 */
    .p-novelhyoka-list__date          /* 評価を付けた作品:初回評価日 */
	{
		color: #333;
	}
	.c-up-tab__item             /* タブ 非選択名 */
	{
		color: #555;
	}

	/* 区切り線をもう少しはっきりと */
	.c-up-panel__list-item:not(:last-child),
	.c-up-panel__header
	{
		border-bottom-color: #999;
	}

	/* 文字をもう少し大きく */
	.c-button--sm,             /* みんなの活動:最初から読む、最新ep 11px */
	.p-up-activity-item__name, /* みんなの活動:作者名 12px */
	.p-up-activity-item__date, /* みんなの活動:最新掲載日 12px */
	.c-up-novel-item__data,    /* 作品投稿履歴:全○エピ 12px */
	.c-up-novel-item__date,    /* 作品投稿履歴:最新掲載日 12px */
	.p-up-episode-item__date   /* エピソード一覧:掲載日/下書き作成日 12px */
	{
		font-size: 0.9em;
	}

	/* 文字を大きくしたのでちょっと調整 */
	li.c-up-panel__list-item:last-child  /* みんなの活動:作品欄最下段 */
	{
		padding-bottom: 2px;
	}
	.p-up-activity-item__name
	{
		margin-bottom: 0;
	}

	/* アラート系(?)を赤系に */
	.c-alert--info
	{
		background-color: #fff3f3;
        color: #000;
        border: double 3px #f00;
	}

}

Reviews

No reviews yet.