Comment by waterbadger | Hacker News Reader

Comment by waterbadger | Hacker News Reader

Something I started messing around with: add a global stylesheet with the rule

body { filter: grayscale(100%); }

(only gotcha is position: fixed; elements breaking in Firefox?)

It feels a lot easier to focus on what I'm reading and to not be sucked in or distracted by websites. I bet psychologically color activates reward systems that may not be as healthy for digital content.

I actually liked it so much that I used accessibility options to make my entire computer and phone grayscale. So far it's great! Also has better performance than a CSS filter for stuff like video.

Hammerspoon shortcut to toggle grayscale & color (applescript not mine, borrowed from https://github.com/shavidzet/osa-grayscale)

  hs.hotkey.bind({"cmd", "ctrl", "alt"}, "c", function()
   hs.osascript.applescript([[
  tell application "System Preferences"
    reveal anchor "Seeing_Display" of pane id "com.apple.preference.universalaccess"
  end tell
  
  tell application "System Events" to tell process "System Preferences"
    repeat while not (exists of checkbox "Use grayscale" of group 1 of window "Accessibility")
      delay 0.1
    end repeat
    set theCheckbox to checkbox "Use grayscale" of group 1 of window "Accessibility"
    tell theCheckbox
      # If the checkbox is not checked, check it to turn grayscale on
      if not (its value as boolean) then
        set checked to true
        click theCheckbox
      else # else turn grayscale off
        set checked to false
        click theCheckbox
      end if
    end tell
  end tell
  tell application "System Preferences"
      quit
  end tell
   ]])
  end)

Reply on news.ycombinator.com