はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ダークテーマ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 14 / 14件)
 

CSSのlight-dark()関数の実践的な使い方、ライトテーマとダークテーマの作成方法

2024/04/11 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip light-dark サポートブラウザ CSS 関数 基礎知識

Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。現在のところ、サポートブラウザはChrome, Firefoxですが、Safari TPに実装されており、次のバージョンでサポート予定となっています。 CSSのlight-dark()関数の基礎知識と実践的な使い方を紹介... 続きを読む

ターミナルのシンプルなUIが好きな人に! モダンでミニマルなCSSの超軽量フレームワーク -Terminal CSS

2023/11/13 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip UIコンポーネント ターミナル 超軽量フレームワーク こん

ターミナルのUIを模した、モダンでミニマルなCSSの超軽量フレームワークを紹介します。 ターミナルで見かけるようなデザインのUIコンポーネントが豊富に揃っており、ライトテーマ・ダークテーマもサポートされています。 Terminal CSS Terminal CSS -GitHub Terminal CSSの特徴 Terminal CSSの使い方 Terminal CSSのコン... 続きを読む

このダークテーマは目に優しく、コードも見やすい! VS Codeのエレガントなモノクロームのテーマファイル -Sequoia

2022/07/05 このエントリーをはてなブックマークに追加 171 users Instapaper Pocket Tweet Facebook Share Evernote Clip 夜空 濃淡 色合い テキスト 背景

ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか? 背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochr...記事の続きを読む 続きを読む

プロのUIデザイナーに学ぶ!UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.11

2022/01/18 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip UIデザイナー Volum テクニック 印象 知識

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第11弾は角丸やアイコンなどのUI要素、ダークテーマにおける読みやすさに関するデザインのテクニックです。 UI & UX Micro-Tips: Volum... 続きを読む

BtoB SaaSでダークテーマのUIを採用したら5ヶ月でクビになった - KeijiroToyoda - Medium

2021/04/19 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip medium クビ BtoB SaaS 5ヶ月

こんにちは。Flatt Securityの豊田です。 自分はこの会社の共同創業者でありフェーズごとにさまざまな業務を受け持ってきたのですが、あくまで本職はデザイナーだという矜持だけは持ち続けているつもりです。 PdMと分担しながらではありますが、実際今現在もSaaSプロダクトのUIデザインを担当していますので、今日はひと... 続きを読む

Androidアプリ「はてなブックマーク」はAndroid 10に対応し、新機能「ダークテーマ」にも対応しました - はてなブックマーク開発ブログ

2020/02/12 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip Androidアプリ はてなブックマーク 暗い場所 新機能

本日、Android 10に対応したAndroidアプリ「はてなブックマーク」のバージョン5.0をリリースしました。今回のアップデートではデザインの調整を行い、新機能「ダークテーマ」に対応しました。 ダークテーマをオンにすることで暗い場所で画面が見やすくなるなど、より多くの場面で快適にアプリをご利用いただけます。 ダ... 続きを読む

CSSのメディアクエリ「prefers-color-scheme」でダークモード対応にする方法と注意点 | コリス

2019/10/29 このエントリーをはてなブックマークに追加 52 users Instapaper Pocket Tweet Facebook Share Evernote Clip prefers-color-scheme コリス CSS

iPhoneやAndroidでもダークテーマが採用され、ダークモードに対応するWebサイトやスマホアプリが増えてきました。 ほんの数行のCSSのみでダークモードに対応する方法と注意点を紹介します。 Dark mode in a website with CSS by Tom Brow 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む

UXデザイナーに学ぶ、ダークテーマをデザインする時に気をつけたい5つのポイント | コリス

2019/10/24 このエントリーをはてなブックマークに追加 61 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス iPhone UXデザイナー 色合い Android

iPhoneやAndroidでもダークテーマが採用され、ダークテーマが注目されています。サイトやアプリをダークテーマ対応にするには、単純に色合いを反転するだけではありません。読みやすく、バランスのとれた、快適なダークテーマをデザインする時に気をつけたいポイントを紹介します。 How to design delightful dark theme... 続きを読む

GmailやGoogle Playにとうとうダークテーマが配信開始 - Engadget 日本版

2019/09/25 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip Gmail iOS版 削減 Gmailアプリ ダークモード

GmailのiOS版/Android版アプリとGoogle Payアプリに、相次いでダークモード(ダークテーマ)の配信が開始されています。 ダークモードとはバックグラウンドなどのテーマを暗色でまとめたもので、目に優しいだけでなく、有機ELディスプレイ搭載スマートフォンでは消費電力の削減も期待できます。 そしてGmailアプリのダ... 続きを読む

「Android 10」正式版リリース まずはPixelシリーズにローリングアウト - ITmedia Mobile

2019/09/03 このエントリーをはてなブックマークに追加 44 users Instapaper Pocket Tweet Facebook Share Evernote Clip ナビゲーションバー ローリングアウト モバイルOS 正式版

Googleが「Android 10」(コードネーム:Android Q)の正式版をリリースした。まずはPixelシリーズにローリングアウトしていく。ナビゲーションバーのないジェスチャーナビゲーションやシステム全体のダークテーマなどの新機能が使える。 米Googleは9月3日(現地時間)、モバイルOS「Android 10」の正式版をリリースした... 続きを読む

WebアプリでmacOSのテーマ切り替えを取得する方法 - Qiita

2019/04/11 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip macOS Mojave 導入済み Qiita 画面 テーマ

macOS Mojaveで画面を目に優しい黒基調にしてくれる「ダークテーマ」が導入されました。 それ以降、設定したテーマに色調を追従させるようなアプリが続々と出てますね。 こうなるとWebアプリやWebサイトもテーマに合わせたくなります。 今回、開発しているWebアプリ(テーマ切り替え機能自体は導入済み)でmacOSテーマに... 続きを読む

「エクスプローラー」のダークテーマが完成 ~「Windows 10 RS5」Build 17733が公開 - 窓の杜

2018/08/09 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip エクスプローラー RS5 公開 Windows 1

続きを読む

AgileBits、デザインやフォントを刷新し、新しい1Password miniやD&Dをサポートした「1Password v7 for Mac」をリリース。 | AAPL Ch.

2018/05/23 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip AgileBits AAPL フォント メインウィンドウ

デザイン 1Password v7は新たにデザインを刷新し、ロック画面やVaults、アイテムの詳細エリアが明るくなりアイテムが見やすくなり、アイテム詳細エリアにそのアイテムがどのVaultに保存されているかを確認できるようになっています。 また、1Password v7ではアイコンやメニューバーアイコンの変更されており、メインウィンドウのサイドバーはダークテーマになっただけでなく以下の様な機能が... 続きを読む

ダークテーマやマルチカラム、新しいUIを採用したMac用Twitterクライアント「Tweetbot 3 for Twitter」がリリース。 | AAPL Ch.

2018/05/15 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip マルチカラム AAPL Mac 新しいUI リリース

ダークテーマやマルチカラム、新しいUIを採用したMac用Twitterクライアント「Tweetbot 3 for Twitter」がリリース。 2018/5/16 Tweetbot-for-Mac ダークテーマやマルチカラム、新しいUIを採用したMac用Twitterクライアント「Tweetbot 3 for Twitter」がリリースされています。詳細は以下から。 Mac/iOSデバイス用Twi... 続きを読む

 
(1 - 14 / 14件)