TristanBrotherton

Claude Code macOS Notifications Setup

This document provides instructions for Claude Code to automatically set up macOS system notifications for when Claude is waiting for user input or has completed tasks.

What This Sets Up

• System notifications when Claude needs permission for tools
• System notifications when Claude has been idle waiting for input
• Sound alerts (Glass sound) with each notification
• Notification logging for debugging

TristanBrotherton

div[data-line-number]:before {
  content:attr(data-line-number);
  position: absolute;
  background: #000;
  color: #fff;
  padding: 3px;
  display: none
}
div[data-line-number]:hover {
  display: block;

TristanBrotherton

avamyg

A Pen by tristan on CodePen.

License.

TristanBrotherton

// Color variables (appears count calculates by raw css)
@color0: #eb4102; // Appears 15 times
@color1: #606060; // Appears 5 times
@color2: #505050; // Appears 5 times
@color3: #f4f4f4; // Appears 5 times
@color4: #cccccc; // Appears 4 times
@color5: #ffffff; // Appears 4 times
@color6: #808080; // Appears 3 times
@color7: #dee0e2; // Appears 2 times
@color8: #bbbbbb; // Appears 2 times

TristanBrotherton

<!-- Begin MailChimp Signup Form -->

<div id="mc_embed_signup">
<form action="//thedistinguishedguest.us3.list-manage.com/subscribe/post?u=fe42936a75a79aa20df4c0933&amp;id=32d35c04fc" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="mc-field-group">
<div class="input-group">
      <input type="email" value="" name="EMAIL" class="form-control required email" placeholder="Your Email Address" id="mce-EMAIL">
      <span class="input-group-btn">
        <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-default">
      </span>