OXYGENHUB

Primary buttons in the accent blue; URL fields styled like the others (refs #74) ae138eea7a71

The GitHub-like look's primary buttons use the accent blue (#0969da light,
#1f6feb dark) rather than GitHub's green. input[type=url] (the profile's
website) joins the form field rules in both looks; it was left unstyled.
Author
Andy McCall @andymccall <[email protected]>
When
· 2026-10-01 22:23 UTC
Signature
✔ signed by Andy McCall
Hash
ae138eea7a71055eed1bdb63b016828e6bbe2de7ff2b8b06a741ebeaa759e950
Depends on
19bb31ff1f5c 749d9a5fcd9f d23464c0ac60
Depended on by
nothing yet
In bookmarks
api-unknown-fields cancel-landed-runs clear-waiting close-proposal-140 diffusion-pin-bookmark draft-ready image-check job-waits main oh-comment-body-file proposal-list-fast run-one-job wiki-says-so
In tags
v0.3.0 v0.3.1 v0.4.0 v0.4.1 v0.4.2 v0.5.0 v0.5.1 v0.5.2 v0.6.0 v0.6.1 v0.7.0 v0.8.0 v0.9.0 v0.9.1 v0.9.11 v0.9.15 v0.9.16 v0.9.19 v0.9.2 v0.9.20 v0.9.21 v0.9.22 v0.9.23 v0.9.24 v0.9.3 v0.9.4 v0.9.5 v0.9.6 v0.9.7 v0.9.8 v0.9.9
Edits
9 atoms, 0 tree operations, 2 files

Browse the tree at this change

hide whitespace changes
modified assets/github.css +6 −6
… 
9 unchanged lines
10 10 
  --ok:#1a7f37; --bad:#d1242f; --warn:#9a6700;
11 11 
  --add:#dafbe1; --del:#ffebe9; --add-ink:#116329; --del-ink:#82071e;
12 12 
  --sy-kw:#cf222e; --sy-str:#0a3069; --sy-num:#0550ae; --sy-cmt:#59636e; --sy-fn:#8250df; --sy-ty:#953800; --sy-var:#1f2328; --sy-const:#0550ae;
13 - 
  --gh-btn:#f6f8fa; --gh-btn-hover:#eff2f5; --gh-btn-line:#d1d9e0; --gh-green:#1f883d; --gh-green-hover:#1c8139; --gh-tab:#fd8c73;
13 + 
  --gh-btn:#f6f8fa; --gh-btn-hover:#eff2f5; --gh-btn-line:#d1d9e0; --gh-primary:#0969da; --gh-primary-hover:#0860ca; --gh-tab:#fd8c73;
14 14 
  --gh-header:#f6f8fa; --gh-bm-bg:#ddf4ff; --gh-bm-ink:#0969da; --gh-shadow:0 1px 0 rgba(31,35,40,.04);
15 15 
  --gh-font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
16 16 
  --gh-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
… 
5 unchanged lines
22 22 
  --ok:#3fb950; --bad:#f85149; --warn:#d29922;
23 23 
  --add:rgba(46,160,67,.15); --del:rgba(248,81,73,.1); --add-ink:#aff5b4; --del-ink:#ffdcd7;
24 24 
  --sy-kw:#ff7b72; --sy-str:#a5d6ff; --sy-num:#79c0ff; --sy-cmt:#9198a1; --sy-fn:#d2a8ff; --sy-ty:#ffa657; --sy-var:#f0f6fc; --sy-const:#79c0ff;
25 - 
  --gh-btn:#212830; --gh-btn-hover:#262c36; --gh-btn-line:#3d444d; --gh-green:#238636; --gh-green-hover:#29903b;
25 + 
  --gh-btn:#212830; --gh-btn-hover:#262c36; --gh-btn-line:#3d444d; --gh-primary:#1f6feb; --gh-primary-hover:#388bfd;
26 26 
  --gh-header:#010409; --gh-bm-bg:rgba(56,139,253,.1); --gh-bm-ink:#4493f8; --gh-shadow:none;
27 27 
  color-scheme: dark;
28 28 
}
… 
52 unchanged lines
81 81 
:root[data-look="github"] .head h1 { font-size: 24px; font-weight: 400; color: var(--ink); }
82 82 
:root[data-look="github"] .head h1 small { color: var(--mute); font-size: 14px; }
83 83 

    

  
    

      84
      
      -
      
/* Buttons: grey, rounded, sentence case; green for the primary action. */

    

  
    

      
      84
      +
      
/* Buttons: grey, rounded, sentence case; the accent blue for the primary action. */

    

  
    

      85
      85
       
      
:root[data-look="github"] button, :root[data-look="github"] a.go, :root[data-look="github"] button.go, :root[data-look="github"] summary.go {

    

  
    

      86
      86
       
      
  font-family: var(--gh-font); font-size: 14px; font-weight: 500; letter-spacing: normal; text-transform: lowercase;

    

  
    

      87
      87
       
      
  background: var(--gh-btn); color: var(--ink); border: 1px solid var(--gh-btn-line); border-radius: 6px; padding: 5px 16px;

    

  
    

      
      
      …
      
3 unchanged lines

    

  
    

      91
      91
       
      
:root[data-look="github"] button:hover, :root[data-look="github"] a.go:hover, :root[data-look="github"] summary.go:hover { background: var(--gh-btn-hover); color: var(--ink); }

    

  
    

      92
      92
       
      
:root[data-look="github"] button.small, :root[data-look="github"] a.go.small, :root[data-look="github"] form.tiny button { padding: 2px 10px; font-size: 12px; }

    

  
    

      93
      93
       
      
:root[data-look="github"] form.card button[type=submit], :root[data-look="github"] form.card .primary, :root[data-look="github"] button.primary-btn {

    

  
    

      94
      
      -
      
  background: var(--gh-green); color: #ffffff; border-color: rgba(31,35,40,.15);

    

  
    

      
      94
      +
      
  background: var(--gh-primary); color: #ffffff; border-color: rgba(31,35,40,.15);

    

  
    

      95
      95
       
      
}

    

  
    

      96
      
      -
      
:root[data-look="github"] form.card button[type=submit]:hover, :root[data-look="github"] button.primary-btn:hover { background: var(--gh-green-hover); color: #fff; filter: none; }

    

  
    

      
      96
      +
      
:root[data-look="github"] form.card button[type=submit]:hover, :root[data-look="github"] button.primary-btn:hover { background: var(--gh-primary-hover); color: #fff; filter: none; }

    

  
    

      97
      97
       
      
:root[data-look="github"] button.danger-btn { color: var(--bad); }

    

  
    

      98
      98
       
      
:root[data-look="github"] button.linkish { background: none; border: 0; padding: 0; box-shadow: none; color: var(--acc); text-transform: none; }

    

  
    

      99
      99
       
      

    

  
    

      
      
      …
      
30 unchanged lines

    

  
    

      130
      130
       
      

    

  
    

      131
      131
       
      
/* Forms. */

    

  
    

      132
      132
       
      
:root[data-look="github"] form.card input[type=text], :root[data-look="github"] form.card input[type=password], :root[data-look="github"] form.card input[type=email],

    

  
    

      133
      
      -
      
:root[data-look="github"] form.card input[type=search], :root[data-look="github"] form.card input[type=number], :root[data-look="github"] form.card textarea,

    

  
    

      
      133
      +
      
:root[data-look="github"] form.card input[type=search], :root[data-look="github"] form.card input[type=number], :root[data-look="github"] form.card input[type=url], :root[data-look="github"] form.card textarea,

    

  
    

      134
      134
       
      
:root[data-look="github"] form.card select, :root[data-look="github"] .field input, :root[data-look="github"] .field select, :root[data-look="github"] .field textarea,

    

  
    

      135
      135
       
      
:root[data-look="github"] .tiny-form input[type=text], :root[data-look="github"] .tiny-form select, :root[data-look="github"] .compare-bar input,

    

  
    

      136
      136
       
      
:root[data-look="github"] details.inline-edit input, :root[data-look="github"] details.inline-edit textarea, :root[data-look="github"] details.linecomment textarea {

    

  
    

      
      
      …
      
31 unchanged lines

    

  
  

  





  
    modified
    templates/style.css
    +1 −1
  
  
  

  
    

      
      
      …
      
289 unchanged lines

    

  
    

      290
      290
       
      
form.card { max-width: 460px; background: var(--panel); border: 1px solid var(--line); padding: 18px 20px; margin: 0 0 16px; }

    

  
    

      291
      291
       
      
form.card.wide { max-width: 720px; }

    

  
    

      292
      292
       
      
form.card label, .field label { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--mute); margin: 10px 0 4px; }

    

  
    

      293
      
      -
      
form.card input[type=text], form.card input[type=password], form.card input[type=email], form.card input[type=search], form.card input[type=number], form.card textarea, form.card select,

    

  
    

      
      293
      +
      
form.card input[type=text], form.card input[type=password], form.card input[type=email], form.card input[type=search], form.card input[type=number], form.card input[type=url], form.card textarea, form.card select,

    

  
    

      294
      294
       
      
.field input, .field select, .field textarea { width: 100%; background: var(--bg); border: 1px solid var(--line); color: var(--ink); padding: 7px 10px; font: inherit; }

    

  
    

      295
      295
       
      
form.card input:focus, form.card textarea:focus, form.card select:focus { outline: 2px solid var(--band); outline-offset: 0; }

    

  
    

      296
      296
       
      
form.card button[type=submit], form.card .primary { background: var(--acc); color: var(--now-ink); border: 0; margin-top: 12px; }

    

  
    

      
      
      …
      
351 unchanged lines