• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• a-kuma32017/04/04 13:58:05

  満足150pt

  PC のブラウザを使ってるという話だとして、ユーザスタイルを書くと、こんな感じにできます。

  

  
  

  上記は Stylish というアドオンを使っているのですが、こんなスタイルを適用しました。

  @namespace url(http://www.w3.org/1999/xhtml);
  
  @-moz-document url-prefix("https://docs.google.com/document") {
  
    .kix-page,
    .kix-page-content-wrapper {
      background-color: black !important;
    }
    .kix-wordhtmlgenerator-word-node {
      color: white !important;
    }
  
  }
  

  
  

  セレクタの指定は、Google Document の実装が変わる度に調整しなくてはならない可能性があります。

  スター

  • 

    8件のコメントを見る

  • batti-8 2017/04/04 16:06:43

    ありがとうございました。
    Stylishをインストールして、ちょっとやってみましたが、うまくいきませんでした。また、何かの折に試してみます。

    スター

  • a-kuma3 2017/04/05 01:02:29

    ありゃ、うまくいきませんか。
    もうちょっと詳しく手順を書きます。
    ぼくの環境は、Firefox ＋ Stylish になります。
    
    1. ツールバーから Stylish のアイコンをクリックして、「新しいスタイルを書く」→「白紙のスタイル」
    
    
    2. スタイルを書き込むエリアに、回答に書いたコードをコピペ
    
    
    3. 「保存」をクリック
    
    これで、完了です。
    Google Document で、何かのドキュメントを開くと黒地に白字となっていると思うのですが。
    
    Stylish は、URL の範囲を特定してスタイルを適用することができます。
    スタイルが効いているページだと、ツールバーの Stylish のアイコンがカラフルな表示になります（手順の 1 のアイコンと見比べてください）。
    

    スター

  • batti-8 2017/04/05 06:10:31

    ありがとうございます。
    こちらChromeでした。
    
    Firefoxでは、できました。

    スター

  • a-kuma3 2017/04/05 13:49:46

    Google Chrome の Stylish の場合には、以下のようになります。
    1. 「コード1」に、以下を貼り付け

    .kix-page,
    .kix-page-content-wrapper {
        background-color: black !important;
    }
    .kix-wordhtmlgenerator-word-node {
        color: white !important;
    }
    

    
    

    2. 適用先に、「次で始まる URL」を選び、その隣に https://docs.google.com/document を入力
    3. 適当な名前を付けて「保存」をクリック
    
    これで、完了です。
    
    

    スター

  • batti-8 2017/04/08 15:57:59

    ありがとうございます。
    できました！
    ただ、印刷時に背景が黒になってしまうので、そこが課題かなと思いました。

    スター

  • batti-8 2017/04/08 16:24:24

    とりあえず、印刷時にStylishをオフにすることで対応しました。

    スター

  • a-kuma3 2017/04/08 19:59:06

    印刷のときに適用しないようにするには、こういうふうに書けばいけるはずです。

    @media screen {
        .kix-page,
        .kix-page-content-wrapper {
            background-color: black !important;
        }
        .kix-wordhtmlgenerator-word-node {
            color: white !important;
        }
    }
    

    @media screen { ～ } で対象の css をくくります。

    スター

  • batti-8 2017/04/08 22:34:42

    ありがとうございます。
    できました！

    スター

その他の回答

• pegazul2017/04/04 20:20:57

  満足50pt

  writeboxで背景を黒くしてGoogleDriveに保存とか？
  ちょっと違う？
  Writebox 集中して書けるテキストエディタ: Outliner 伊藤 崇 公式ブログ

  スター

  • 

    1件のコメントを見る

  • batti-8 2017/04/04 20:42:15

    ありがとうございます。writeboxはじめて知りましたが、とても良いですね。集中できます。
    Googleドキュメント特有の機能が使えないのは、残念ですが。

    スター

この質問へのコメント

質問の情報

登録日時

2017-04-04 10:02:38

終了日時

2017-04-08 22:35:57

回答条件

1人3回まで

この質問のカテゴリ

• コンピュータ

この質問に含まれるキーワード

人気の質問

• 不満なことを周りに当たり散らして会社で浮いた存在になるのと、辛抱して鬱病になるのは、どちらがマシで…coccinellab211日前
• 【今年の漢字】(2023年)を予想してみてください。 ※遠慮なく気軽にどうぞ。(^_^; ※参考URL http://www.ka…rsc2214時間前
• ビジネスで部下を指導されてる方や学校の先生、塾の先生などにご意見いただければ幸いです。 私はIT系の仕…匿名質問者1111日前
• エアコンの専用ブレーカがたまに落ちます エアコン本体の過電流による原因ではない気がします。 エアコン…coccinellab11日前
• iMacの作業中なぜか デスクトップにあるファイル（開いた外部ハードディスクのファイルも）が突然すべてが…iquestion111日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ