Hatena Blog Tags
はてなブログ トップ
Dark mode
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Dark mode

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
一斗缶観測日記•1年前

Zoteroのダークモードへの切り替え方（Windowsの場合）

Zoteroのダークモードへの切り替え方法についての自分用メモ。 Zoteroのデフォルトの画面だと白すぎてまぶしいので、ダークモードに切り替える方法がないかと探したところ、以下のリポジトリがヒットしました。 GitHub - Rosmaninho/Zotero-Dark-Theme: userChrome.css file for a Zotero dark theme. Suggestions for improvements are welcome. CSSファイルを作成してやると設定できるようなので、以下の手順で設定しました。 Zoteroの関連フォルダ（C:\Users\【ユーザー名…

#zotero

関連ブログ

かもメモ•2年前

favicon をダークモード対応したい

webサイトやwebサービスでタブとかに表示される favicon 。favicon もダークモード対応ができるらしいのでやってみたのメモ favicon を SVG にする 昔から .ico みたいなファイル作ってたけど、最近では SVG もサポートされているらしい。SVG は内部にスタイルシートを持てるのでダークモード用のメディアクエリを埋め込んでしまえばダークモード対応された favicon になるみたい。簡単だ… HTML の <head> 内の favicon の指定を SVG にする <link rel="icon" type="image/svg+xml" href="/favi…

#favicon#Dark mode
かもメモ•3年前

Sass の変数で CSS のカスタムプロパティ(変数)を定義したい

Sass (SCSS) を使って CSS のカスタムプロパティ (変数) を定義するときのメモ Sass の変数を #{} で囲ってあげればOK $textColor: #000; $backgroundColor: #FFF; // カスタムプロパティを定義 :root { --text-color: #{$textColor}; --background-color: #{$backgroundColor}; } 👇 コンパイル結果 :root { --text-color: #000; --background-color: #FFF; } ₍ ᐢ. ̫ .ᐢ ₎ よき！ 🙅 #{} で…

#SCSS#CSS
かもメモ•3年前

CSS 今更のダークモード入門

ダークモード…やってこなかったので今更の入門したのでメモ。 prefers-color-scheme を使う prefers-color-scheme をメディアクエリの中で使用することでデバイスのダークモード/ライトモードの設定を識別できます。 light ... ユーザーがシステムに、明色のテーマを持つインターフェイスにしたいと通知したか、アクティブな設定を示さなかったことを示します。 dark ... ユーザーがシステムに、暗色のテーマを持つインターフェイスにしたいと通知したことを示します。 cf. prefers-color-scheme - CSS: カスケーディングスタイルシート …

#CSS#Dark mode#Sass
つれづれなる備忘録•4年前

ブログデザイン備忘録～ダークモード時の表示改修など

1. 本文サイド領域の配色 2. 画像の明るさ・輝度設定 3. デザインCSS 4. jQueryの読み込み先変更 前回紹介したダークモード対応に関して、今回は本文だけでなくサイドバーの部分も変更したので紹介する。またTOPへ戻る矢印を表示するjQueryの読み込み先(CDN)も変更した。 atatat.hatenablog.com 1. 本文サイド領域の配色 ダークモード時のデザインを指定するにはメディアクエリ@media(prefers-color-scheme:dark)内に追記していく。前回は本文の背景色を変更するセレクタ.entryとリンク文字色.entry-content aを使用…

#CSS#Dark mode
つれづれなる備忘録•4年前

ブログデザイン備忘録～ダークモード対応

今回は本ページをダークモード対応にしてみたので、それを紹介したい。 Webページをダークモード対応させるにはCSSのデザインにメディアクエリ「prefers-color-scheme」を用いて設定する。：CSSでダークモード対応、メディアクエリ「prefers-color-scheme」の使用方法と注意点 | コリス 具体的には以下のように、ダークモードになった場合の背景色や文字色を設定する。 @media (prefers-color-scheme: dark) { .entry{ background-color:darkkhaki; } .entry-content a{ color:b…

#CSS#Dark mode
ABEJA Tech Blog•4日前

5年分のNotionのリリースノートを振り返ってみた ~社内運用と個人Webサイト運営での学びを添えて ~

はじめに 皆さん、お久しぶりです。ABEJAで細々とNotion普及活動をしている齋藤です。 こちらは ABEJAアドベントカレンダー2024 の10日目の記事です。 他にも弊社メンバーが面白い記事をどんどん投稿予定なので、是非チェックしてみてください。 このブログで語りたいこと 2024年はChatGPTなどのLLMが多くのソリューションに導入され、多くのユーザーがLLMの恩恵を享受する1年となりました。 例に漏れず、NotionからもLLMによるQ&A機能や、ドキュメントの自動生成機能がリリースされました。 そこで、今回は今まで私が書いたNotionの記事を横目に、利用者視点でNotion…

C#ATIA•1ヶ月前

CopilotでDOM作成

ちょっと試したいことがあるのでDOM作成をCopilotに作ってもらいました。 一発でここまでは出来ませんが、さすがにDOMぐらいだと外さないです。 人間相手だったら "それ、先に言ってもらえませんか！！！"って言われるほど 注文付けました・・・。index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sortable Cards</title> <…

enechain Tech Blog•1ヶ月前

デザインシステムのダークモード対応

こんにちは。enechainで働いている takurinton です。 これまでのenechainのデザインシステムではdark modeの提供はしておらず、プロダクト側で必要に応じて状態とデザイントークンを保持した上で切り替えてもらうという方式をとっていました。 しかし、事業拡大やプロダクト側からの要望によりdark modeのデザイントークンをデザインシステム側で管理し、chakra-uiのColorModeProviderを用いて切り替える方法を提供することにしました。 今回は、その移行の過程と方法について書きます。 デザイントークンについて 移行の手法 将来的に light/dark …

s0met1me◆JIRN.kBNd のやんばる名護パトロール隊(起承転々)２nd•2ヶ月前

［24/10/26］みずのと ゐ ０８ｈ過ぎ雨音で起きて寝直し

折角寝付いたとこ alarm．歯磨いて髭剃りシャンプーかなり厳しい水シャワー計量．夜半過ぎから朝迄２５～２７℃台だけどベランダ出ると何だか肌寒い．幸いほぼ止んでるよーでステーキの日．Ｌのシャツ胴回りは良いけど丈が長過ぎ． 根絶したはずが２，３箇所咬まれてるっぽくダニ捕りシート買う．ダニ対策にまとも飯５食分飛ぶって(ここ暫くまともな外食殆どしてねてのに) T_T．戻ってシート設置して水シャワー．台風２１号嫌なコースに変化． ５の日特価 サーロインと沖縄そば(２０食限定) ５５０円 Amino-Value 8000(ポッカレモン，シナモン) ・ 杯 ジンリッキー ３杯 BP 焼酎 薄いぬる湯割り …

tohokuaikiのチラシの裏•2ヶ月前

Laravel11で認証とかInertia.jsとかを入れて管理画面にMoonShineを導入するまで

Laravelのインストールまでは終わっているものとして。というか、dockerのbitnami/laravel:latestを使ってDocker composeでこんな感じで作ってる。 認証周り（ユーザー作成とか） laravel.com Laravel公式のスターターキットには、Laravel BreezeとLaravel JetStreamがある。Breezeがユーザー作成やセッションログインなどの最低限の機構を備え、JetStreamはチーム（グループ）単位での認証・認可を行う。今回はBreezeで。 Breezeのインストール composer require laravel/bre…

ジャコ Lab•2ヶ月前

Free React Template (Dashboard) の Theme を追ってみる

Custom Theme は何度か見たことがある程度で深くは追ったことがないです

biochem_fanのブログ•2ヶ月前

2024-10-14 (Mon)

今日は眠くてあまり読書できなかった。 原神 5.1、シロネンの伝説任務をやった。魔神任務 3, 4 幕は正直なところ微妙だったが、こちらは面白かった。 iPad の Books アプリで PDF に書き込みする時、線の色や種類を選択するバーが邪魔だったので「自動的にしまう」(Auto-minimize) を選んだら、バーが消えてしまって、二度と出てこなくなり、戸惑った。よく見たら左下にあったのだけれど、気づくまで数日かかった。バーを縮小した状態にすると現在選択されているツールだけのアイコンが出るのだが、それがほとんど真っ黒。縦書きの PDF を横置きで表示していて左右は領域外で真っ黒になってい…

biochem_fanのブログ•2ヶ月前

2024-10-08 (Tue)

今日は終日 22 度程度で涼しい。 ダチョウの漢字は、日本語では「駝鳥」、中国語では「鴕鳥」と偏が違う。どうしてこうなった? 読んだ 木内石亭の「雲根志」という、江戸時代に化石や鉱物についていろいろ書いた本があるのを知った。 第一段、「天神石」を読んだ。重軽石は岐阜県の御千代保稲荷のものを知っていたが、滋賀県や京都などにもあるんだなあ。このくらいの崩しなら読めない文字は 1 ページあたり 1 箇所くらいであり、次世代 NDL の OCR 機能を参考にすることで、勉強にもなる。 → 10/16 にその節を書き出してみた。 Science "The science of writing" 名前から…

notebook•2ヶ月前

じぶん Release Notes (ver 0.37.0)

swfz (ver 0.37.0) がリリースされました、更新内容は次のとおりです 技術 やったこと Renovateの対応色々 til react to v16 sassのdeprecation warning 対応 eslintのflat config対応 tools storybook to v8 octicons-react to v19.11.0 kusa-image add to parameterの追加 toパラメータに最終日の日付を指定できるようにした これにより指定した日時点の草画像はこれというのを残せるようになった dark mode対応 theme=darkでダークモード…

FURYU Tech Blog - フリュー株式会社•3ヶ月前

Jetpack Composeのプレビュー活用例

はじめに こんにちは。 ピクトリンク事業部でwebアプリケーション開発を担当している西村です🧑‍💻 今回はJetpack Composeのプレビュー活用例をご紹介しようと思います！ はじめに Jetpack Composeのプレビューとは @Previewアノテーションにパラメータを設定する Compose Multipreview Annotations コンポーザブル関数に引数が必要な場合 最後に Jetpack Composeのプレビューとは Jetpack Composeでは@Previewアノテーションを使用することで、Android Studio上でリアルタイムにUIをプレビューで…

Magnolia Tech•3ヶ月前

macOS Sequoia設定メモ

macOS Sequoiaをインストールした時に変更したOS設定や、macOS固有の開発環境構築の記録の覚書 なるべくデフォルト設定から変えない方針だけど、それでもトラックパッドや、キーボード周りはどうしても操作性に直結するし、過去からの慣習もあるので、設定項目がそれなりに有る。環境を載せ替えたり、OSのバージョンアップ時に迷わないように、設定根拠と共に書き残しておくようにしている。 OS自体のインストール中に設定する項目(Wi-FiのSSID、iCloudのアカウントなど)はウィザードに沿って作業するので、設定忘れも無いため、ここでは割愛 Sytem Settings Trackpad Ma…

こぼねみ•3ヶ月前

iOS 18／iPadOS 18／macOS 15／tvOS 18／watchOS 11／visionOS 2／iOS 17.7／iPadOS 17.7 RCがリリース【更新】

Appleは日本時間9月10日、「iOS 18」「iPadOS 18」「macOS 15 Sequoia」「tvOS 18」「watchOS 11」「visionOS 2」「iOS 17.7」「iPadOS 17.7」のRC（release candidate／リリース候補）版を開発者およびパブリックテスター向けにリリースしました。 正式版の一般公開は9月16日（月）です。 新たにリリースされたバージョン 今回確認された新機能や変更点 リリースノート iOS 18 iOS 17.7 これまでに確認されているバージョン：iOS 18.x これまでに確認されているバージョン：iOS 17.x 各プ…

every Tech Blog•4ヶ月前

VueUse: 5分で分かる Vue.js 開発の効率化術

はじめに こんにちは、Retail Hub 事業部でエンジニアを務めている 羽馬 です。 この記事は、Vue.js 日本ユーザーグループ主催の Vue.js v-tokyo Meetup #21 で登壇した際の発表資料を元に、VueUse というライブラリを使って Vue.js 開発を効率化する方法をご紹介します。 登壇資料はこちら： speakerdeck.com VueUse とは VueUseは、Vue Composition APIのための包括的なユーティリティコレクションです。以下の特徴があります： 200以上の便利な関数を提供 Vue.jsアプリケーション開発の生産性を大幅に向上 …