てがろぐ - Fumy Otegaru Memo Logger -

お手軽一言掲示板（この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。）

新規投稿 管理用

動作サンプルです。 ご自由にお試し下さい。パスワードguestで管理画面もお試し頂けます。
■いま見ているスキンは「標準スキン」です。他に、 昔のツイッターっぽいスキン(ブルー)、 昔のツイッターっぽいスキン(ピンク)、 付箋型スキン、 シンプル日記スキン、 ジャーナル(日誌)スキン、 ブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキン、 チャットタイプスキンがあります。
《てがろぐCGIの配布・解説ページに戻る》

or 管理画面へ

No.4493, No.4490, No.4489, No.4488［4件］

Icon of tomoyo ともよ

No.4493

>4488
ユーザーCSSならStylusが良いと思いますが、個別にCSSを書かなくてもほぼどこでもダークモードにできる拡張機能もありますよ。
私はDark Reader を使っています。
簡単に済ませたい場合はこういうのでもいいかなと

by tomoyo. ⌚2024年6月1日(土) 20:36:00〔1年以上前〕 ＜118文字＞ 編集

Icon of admin あどみ

No.4490

>No.4488,4489
ユーザーCSSの拡張機能は私も「Stylus」がおすすめです。

自分用に作った管理画面をダークモードにするCSSがあるので、こちらに貼っておきます。
※ただしカラーテーマが適用されなくなります（カラーテーマごとに書き換えはしていないので）。ところどころ未対応のまま放置しています……(笑)。
body {
    background-color: #121212 !important;
    color: #e9eef4 !important;
}

a,
#copyright a:link,
.shortcutlinklist li a {
    color: #99ccff;
}

a:visited,
#copyright a:visited {
    color: #3399ff;
}

.shortcutlinklist li a {
    color: #99ccff !important;
}

#contents {
    background-color: #181818 !important;
    border-color: #444 !important;
}

#header {
    background-color: #353535 !important;
    color: #fff !important;
    border-bottom-color: #444 !important;
}


textarea.tegalogpost {
    background-color: #202124 !important;
    color: #e9eef4 !important;
}

.decoBtns input {
    background-color: #424242 !important;
    color: #fff !important;
}

.decoBtns input:hover,
.btnlink:hover,
.adminhome a:hover {
    background-color: #777 !important;
    border-color: #0078d7 !important;
}

.adminhome a {
    background-color: #424242 !important;
    color: #fff !important;
}

.appname a {
    color: #5cbd5c !important;
}

.deleteButton:hover {
    background-color: #caaf87 !important;
    color: crimson !important;
    border-color: crimson !important;
}

fieldset,
.helpbox .help {
    background-color: #202124 !important;
    border-color: #666 !important;
}

.systemhelpbox,
.noticebox,
.categoryTreeBox {
    background-color: #35352b !important;
    border-color: #777 !important;
}

.shortcuslinkbox {
    background-color: #282828 !important;
}

.helpbox .help {
    fill: #9cf !important;
}

.helpbox .help:hover {
    background-color: #515141 !important;
}

.situationPreviewBox {
    background-color: #222220 !important;
    color: #0c9f0c !important;
    border-color: #880 !important;
}

table.standard th {
    background-color: #4f5b4f !important;
}

.btnlink {
    background-color: #484848 !important;
    color: #fff !important;
}

.important {
    color: #ff4141 !important;
}

.tab {
    border-color: black !important;
    background-color: #424242 !important;
    color: #e1e1e1 !important;
}

.tab:hover {
    background-color: #4e624e !important;
    color: lime !important;
    cursor: pointer !important;
}

#tabcontent1,
input:checked+#tab1,
#tabcheck1:checked~#tabbtm1 {
    background-color: #4d3333 !important;
}

input:checked+#tab1,
#tabcheck1:checked~#tabbtm1 {
    color: #ff7c7c !important;
}

#tabcontent2,
input:checked+#tab2,
#tabcheck2:checked~#tabbtm2 {
    background-color: #424231 !important;
}

input:checked+#tab2,
#tabcheck2:checked~#tabbtm2 {
    color: #acac13 !important;
}

#tabcontent3,
input:checked+#tab3,
#tabcheck3:checked~#tabbtm3 {
    background-color: #494f3a !important;
}

input:checked+#tab3,
#tabcheck3:checked~#tabbtm3 {
    color: #9ed200 !important;
}

#tabcontent5,
input:checked+#tab5,
#tabcheck5:checked~#tabbtm5 {
    background-color: #576260 !important;
}

input:checked+#tab5,
#tabcheck5:checked~#tabbtm5 {
    color: #00ffc6 !important;
}

#tabcontent4,
input:checked+#tab4,
#tabcheck4:checked~#tabbtm4 {
    background-color: #565664 !important;
}

input:checked+#tab4,
#tabcheck4:checked~#tabbtm4 {
    color: #01016f !important;
}

.imageuploadarea {
    background-color: #626255 !important;
}

.embcode {
    background-color: #464a46 !important;
}

.nowHover {
    background-color: #66665e !important;
}

.nowHover .embcode {
    background-color: #7d7d65 !important;
}

form.export {
    margin: 1em 0 !important;
    padding: 1em !important;
    background-color: #3a3c3a !important;
}

.scrollBtns a:link {
    color: #fff !important;
    line-height: 1 !important;
    text-align: center !important;
}

.inputguide {
    color: #9b9b9b !important;
}

legend a {
    color: #fff !important;
}

.sessionguide {
    color: #aaa !important;
}

.systemmenucategory {
    color: #0bb !important;
}

.categoryTree {
    background-color: #484840 !important;
    border-color: #666 !important;
}

.categoryOptions {
    background-color: #484840 !important;
}

/* TegUp */
.localver {
    background-color: #272827 !important;
    color: #00b000 !important;
}

.latestver {
    background-color: #262628 !important;
    color: #88f !important;
}

.subGuide {
    color: #999 !important;
}

.taskLog {
    background-color: #212121 !important;
    border-color: #444 !important;
}

.taskLog li:nth-child(2n) {
    background-color: #2b2b2b !important;
}

.taskLog time {
    color: #8484ff !important;
}

.taskLog i {
    color: #00a5bd !important;
}

.themeKRM .systemmenu li a {
    background-image: linear-gradient(0deg, #1e1e1e, #353535);
}畳む

by admin. ⌚2024年6月1日(土) 16:59:08〔1年以上前〕 ＜5073文字＞ 編集

NO IMAGE にしし

No.4489

昼食はピザ。🍕🍕🍕

🍕Re:4488◆特定のWebに自分の好きなCSSを追加できる「ユーザースタイルシート」という機能をブラウザに加えるアドオンがいくつか出ています。そういうのをお使いになれば、何でも好きなCSSを管理画面に加えられますのでご活用下さい。あくまでも「自分の使っているブラウザだけ」でしか適用されませんが（＝他の閲覧者には一切影響しませんが）、自分だけが使う管理画面の装飾を調整したいだけならそれで事足りるのではないかと思います。ユーザースタイルシート機能を加えてくれるアドオンについては、Geminiに尋ねてみた結果もご参照頂くと良いかもしれません。

by nishishi. ⌚2024年6月1日(土) 12:48:16〔1年以上前〕 回答/返信 ＜325文字＞ 編集

Icon of admin あどみ

No.4488

ベータ版の配布ありがとうございます。
要望なのですが、管理画面のテーマにダークカラーを実装してほしいです。
新規投稿/編集画面にCSSを適用できるのですが、それ以外の所がまぶしくて長時間画面が見られません。
それか管理画面の色だけでもこちらで好きに設定できるようにしてほしいです。
よろしくお願いいたします。

by admin. ⌚2024年6月1日(土) 12:01:33〔1年以上前〕 ＜154文字＞ 編集

初期表示に戻る

DASHBOARD

■複合検索：

  • 投稿者名：
  • 投稿年月：
  • ＃タグ：
  • カテゴリ：
  • 出力順序：

■新着画像リスト：

最初のbrタグを増やす正規表現カレンダー・ヒートマップカレンダー・ヒートマップ挿入される画像表示記法の選択タイムスタンプを維持する設定(FFFTP)

全336個 （総容量 37.06MB）

■日付一覧：

■日付検索：

■カレンダー：

2024年6月
日月火水木金土
1
2345678
9101112131415
16171819202122
23242526272829
30
« 前の月 / 次の月 »

■ハッシュタグ：

■カテゴリ：

■最近の投稿：

■フリースペース：

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》

編集

▼現在の表示条件での投稿総数：

4件

▼最後に投稿または編集した日時：

2026年4月28日(火) 16:27:56〔10時間前〕

▼特殊な表示モード：

RSSフィード

SunMonTueWedThuFriSat
Apr 2 1 3 5 0 3 4
May 5 2 1 1 3 1 2
1 1 0 1 1 1 2
2 0 2 4 2 0 0
3 0 1 2 2 8 3
Jun 2 8 2 1 0 4 2
3 0 3 3 0 1 2
6 3 4 1 6 2 2
4 2 0 4 2 1 1
2 3 6 2 6 0 0
Jul 6 1 1 0 0 1 2
1 2 1 2 1 1 2
1 0 0 0 1 0 0
2 0 0 1 5 2 3
Aug 6 4 0 1 1 1 2
6 3 0 1 0 0 3
3 8 1 1 3 1 1
0 2 1 1 3 0 2
3 3 2 0 4 1 2
Sep 0 1 3 3 1 0 3
0 1 1 0 3 1 0
3 6 14 1 0 0 0
8 2 3 1 0 0 2
Oct 6 1 0 0 1 0 3
0 0 1 0 2 0 1
0 0 0 3 5 0 0
0 0 0 0 2 1 0
Nov 0 1 0 1 0 5 0
1 4 1 0 0 0 0
2 0 1 2 2 0 0
0 0 0 0 2 1 1
1 0 5 3 7 0 2
Dec 4 2 0 2 1 0 0
1 2 1 0 0 0 0
0 0 1 0 3 2 4
1 7 4 1 3 11 2
Jan 3 2 2 9 2 1 11
3 3 3 5 6 3 3
13 6 2 1 1 3 8
4 4 5 1 3 1 5
Feb 5 4 2 2 2 3 0
0 5 2 2 0 0 0
1 0 1 0 2 1 3
0 4 4 3 3 0 3
Mar 4 0 5 1 0 1 1
0 0 1 3 1 1 2
1 1 1 4 0 1 2
1 1 1 0 1 2 0
3 1 3 4 0 2 3
Apr 1 1 0 1 0 4 5
7 3 2 1 2 1 1
2 0 0 1 0 2 2
2 1 3 0

動作サンプルです。 ご自由にお試し下さい。パスワードguestで管理画面もお試し頂けます。
■いま見ているスキンは「標準スキン」です。他に、 昔のツイッターっぽいスキン(ブルー)、 昔のツイッターっぽいスキン(ピンク)、 付箋型スキン、 シンプル日記スキン、 ジャーナル(日誌)スキン、 ブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキン、 チャットタイプスキンがあります。
《てがろぐCGIの配布・解説ページに戻る》