# Slightly different Discourse logo?

**URL:** <https://racket.discourse.group/t/slightly-different-discourse-logo/541>\
**Category:** Site Feedback\
**Created:** [January 10, 2022, 10:57am UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541 "2022-01-10T10:57:45Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Laurent.O](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/laurent.o/32/18_2.png) [@Laurent.O](https://racket.discourse.group/u/Laurent.O)\
**Post date:** [January 10, 2022, 10:57am UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/1 "2022-01-10T10:57:45Z")

</div>

The current Discourse logo for Racket is exactly the same as the [racket-lang.org](http://racket-lang.org) one, so when I have the [docs.racket-lang.org](http://docs.racket-lang.org) open, both tabs look the same (at least on Chrome), which makes it more difficult to switch to the relevant tabs, in particular since I usually end up with dozens of docs pages opened.

Is it possible to use a slightly different logo for the Discourse tabs?

---

<div class="post-metadata">

**Author:** ![soegaard](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/soegaard/32/19_2.png) [@soegaard](https://racket.discourse.group/u/soegaard)\
**Post date:** [January 10, 2022, 11:25am UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/2 "2022-01-10T11:25:44Z")

</div>

I have the same habit, so I agree that slightly different favicons would be nice.

Favicons are small, so what would make sense?

Maybe superimposing a pen icon or a speech ballon on top of the current logo?

---

<div class="post-metadata">

**Author:** ![Laurent.O](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/laurent.o/32/18_2.png) [@Laurent.O](https://racket.discourse.group/u/Laurent.O)\
**Post date:** [January 10, 2022, 11:34am UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/3 "2022-01-10T11:34:20Z")

</div>

I like the speech bubble over Racket idea

---

<div class="post-metadata">

**Author:** ![spdegabrielle](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/spdegabrielle/32/95_2.png) [@spdegabrielle](https://racket.discourse.group/u/spdegabrielle)\
**Post date:** [January 10, 2022, 3:08pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/4 "2022-01-10T15:08:28Z")

</div>

It would also count as a Creative Racket Competition entry!  
[Creative Racket Competition 2022: January 1, 2022 → February 28, 2022](https://racket.discourse.group/t/creative-racket-competition-2022-january-1-2022-february-28-2022/454)

---

<div class="post-metadata">

**Author:** ![Laurent.O](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/laurent.o/32/18_2.png) [@Laurent.O](https://racket.discourse.group/u/Laurent.O)\
**Post date:** [January 10, 2022, 4:06pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/5 "2022-01-10T16:06:02Z")

</div>

How about this?  
 ![racket-discourse-favicon](https://global.discourse-cdn.com/free1/uploads/racket/original/1X/301dd3cdd22c48b9cf0e788ed724b35230490a3c.png)  
(edit: add white background in speech bubble)

---

<div class="post-metadata">

**Author:** ![spdegabrielle](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/spdegabrielle/32/95_2.png) [@spdegabrielle](https://racket.discourse.group/u/spdegabrielle)\
**Post date:** [January 10, 2022, 6:16pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/6 "2022-01-10T18:16:02Z")

</div>

![image](https://global.discourse-cdn.com/free1/uploads/racket/original/1X/ddd6a24a9de7410532afac8eef088c650a0cf343.png)  
It is different but has unfortunate cropping. Can you put it in a square?

---

<div class="post-metadata">

**Author:** ![Laurent.O](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/laurent.o/32/18_2.png) [@Laurent.O](https://racket.discourse.group/u/Laurent.O)\
**Post date:** [January 10, 2022, 6:17pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/7 "2022-01-10T18:17:34Z")

</div>

If you use this: [https://realfavicongenerator.net/](https://realfavicongenerator.net/) it will give you a correct favicon  
(I'll modify the code later, to do this)

---

<div class="post-metadata">

**Author:** ![spdegabrielle](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/spdegabrielle/32/95_2.png) [@spdegabrielle](https://racket.discourse.group/u/spdegabrielle)\
**Post date:** [January 10, 2022, 6:28pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/8 "2022-01-10T18:28:54Z")

</div>

how does it look now?

---

<div class="post-metadata">

**Author:** ![Laurent.O](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/laurent.o/32/18_2.png) [@Laurent.O](https://racket.discourse.group/u/Laurent.O)\
**Post date:** [January 10, 2022, 8:28pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/9 "2022-01-10T20:28:39Z")

</div>

It looks okay, but @soegaard just made a better one: [metapict/racket-logo.rkt at master · soegaard/metapict · GitHub](https://github.com/soegaard/metapict/blob/master/metapict/examples/racket-logo.rkt#L417)

---

<div class="post-metadata">

**Author:** ![spdegabrielle](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/spdegabrielle/32/95_2.png) [@spdegabrielle](https://racket.discourse.group/u/spdegabrielle)\
**Post date:** [January 10, 2022, 9:49pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/10 "2022-01-10T21:49:55Z")

</div>

I’ve put the new favicon on but I’m afraid to mess with my cache right now so someone else will have to tell me how it looks?

---

<div class="post-metadata">

**Author:** ![jbclements](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/jbclements/32/11_2.png) [@jbclements](https://racket.discourse.group/u/jbclements)\
**Post date:** [January 11, 2022, 1:31am UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/11 "2022-01-11T01:31:19Z")

</div>

LGTM:  
 ![Screen Shot 2022-01-10 at 5.30.45 PM](https://global.discourse-cdn.com/free1/uploads/racket/original/1X/5c8dcf20960896a8c17e36b0cbdcaba3c6cc22b3.png)

---

<div class="post-metadata">

**Author:** ![dominik.pantucek](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/dominik.pantucek/32/144_2.png) [@dominik.pantucek](https://racket.discourse.group/u/dominik.pantucek)\
**Post date:** [January 11, 2022, 8:11am UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/12 "2022-01-11T08:11:15Z")

</div>

It's absolutely amazing! Thank you @Laurent.O and @spdegabrielle - I didn't realize such little thing can be so useful before I saw it in my typical tabs listing.

---

<div class="post-metadata">

**Author:** ![Laurent.O](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/laurent.o/32/18_2.png) [@Laurent.O](https://racket.discourse.group/u/Laurent.O)\
**Post date:** [January 11, 2022, 9:29am UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/13 "2022-01-11T09:29:06Z")

</div>

It looks great! Thanks @soegaard and @spdegabrielle !

---

<div class="post-metadata">

**Author:** ![countvajhula](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/countvajhula/32/65_2.png) [@countvajhula](https://racket.discourse.group/u/countvajhula)\
**Post date:** [January 11, 2022, 5:34pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/14 "2022-01-11T17:34:10Z")

</div>

Can this also be added to Discourse's top nav bar? The existing Racket logo + the word "Racket" makes me think it goes to the Racket homepage rather than the Discourse index page.

---

<div class="post-metadata">

**Author:** ![kablooey](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/kablooey/32/226_2.png) [@kablooey](https://racket.discourse.group/u/kablooey)\
**Post date:** [January 11, 2022, 5:56pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/15 "2022-01-11T17:56:38Z")

</div>

I second @countvajhula, it would be great to make this _the_ logo for the Racket Discourse group.

---

<div class="post-metadata">

**Author:** ![soegaard](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/soegaard/32/19_2.png) [@soegaard](https://racket.discourse.group/u/soegaard)\
**Post date:** [January 11, 2022, 6:05pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/16 "2022-01-11T18:05:36Z")

</div>

@countvajhula @kablooey

You can experiment with making a new logo for Discourse using the code for  
[1] the new logo (which generates an svg) and  
[2] the currently used dark theme logo (needs to be a png) and  
[3] the currently used light theme logo (needs to be a png) .

I think the speech bubble looks best in small, but try it out - and adjust it if  
it looks odd in a larger size. The current background ellipse (not visible) might not be needed for the speech bubble.

[1] [metapict/racket-logo.rkt at master · soegaard/metapict · GitHub](https://github.com/soegaard/metapict/blob/master/metapict/examples/racket-logo.rkt#L417)  
[2] [metapict/racket-logo.rkt at master · soegaard/metapict · GitHub](https://github.com/soegaard/metapict/blob/master/metapict/examples/racket-logo.rkt#L297)  
[3] [metapict/racket-logo.rkt at master · soegaard/metapict · GitHub](https://github.com/soegaard/metapict/blob/master/metapict/examples/racket-logo.rkt#L250)

---

<div class="post-metadata">

**Author:** ![countvajhula](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/countvajhula/32/65_2.png) [@countvajhula](https://racket.discourse.group/u/countvajhula)\
**Post date:** [January 28, 2022, 9:37pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/17 "2022-01-28T21:37:56Z")

</div>

@soegaard I followed your detailed instructions and created these:

![discourse-white-logo](https://global.discourse-cdn.com/free1/uploads/racket/original/1X/ebcdcba88cf396bc40d1927a7d25dc43f5ac007e.png)

![discourse-dark-logo](https://global.discourse-cdn.com/free1/uploads/racket/original/1X/01bc214b12cce22ff195a7673463a2917d39c329.png)

WDYT?

The source code is:

```scheme
(define (create-discourse-logo [light? #t])
  (define blackish (make-color* 17 17 17))
  (set-curve-pict-size 260 260)
  (define a 0.6)
  (define t (trans 1 0 0 1 0.2 -0.15))
  (define transparent
    (crop/inked
     (with-font
       (make-similar-font (new-font) #:face "Cooper Hewitt" #:size 200)
       (draw (penscale 16
                       (color (if light? "white" blackish)
                              (pencolor (if light? blackish "white")
                                        (filldraw ((trans 1 0 0 1 -0.9 0.9)
                                                   (flipy (scaled 1/100 speech-bubble)))))))
             (color blue (fill (t (scaled a blue-curve))))
             (color red (fill (t (scaled a red-left-curve))))
             (color red (fill (t (scaled a red-middle-curve))))
             ))))
  (define w (pict-width transparent))
  (define h (pict-height transparent))
  ; (define background (filled-ellipse (* 0.991 w) (* 0.991 h) #:color "white" #:draw-border? #f))
  ; (define with-background (cc-superimpose background transparent))
  transparent)

(define (create-racket-discourse-speech-black-logo)
  (define blackish (make-color* 17 17 17))
  (set-curve-pict-size 260 260)
  (define transparent
    (crop/inked
     (with-font
       (make-similar-font (new-font) #:face "Cooper Hewitt" #:size 200)
       (beside
        (create-discourse-logo #f)
        (blank 15 1)
        (above (blank 1 30)
               (pict:text "Racket"
                          (cons (make-color* "white")
                                (current-font))))))))
  (define w (pict-width transparent))
  (define h (pict-height transparent))
  (define background (filled-rectangle (* 1.02 w) (* 1 h) #:color blackish #:draw-border? #f))
  (define with-background (cc-superimpose background transparent))
  with-background)

(define (create-racket-discourse-speech-white-logo)
  (define blackish (make-color* 17 17 17))
  (set-curve-pict-size 260 260)
  (define transparent
    (crop/inked
     (with-font
       (make-similar-font (new-font) #:face "Cooper Hewitt"
                          #:size 200)
       (beside
        (create-discourse-logo)
        (blank 15 1)
        (above (blank 1 30)
               (pict:text "Racket"
                          (cons (make-color* blackish)
                                (current-font))))))))
  (define w (pict-width transparent))
  (define h (pict-height transparent))
  (define background (filled-rectangle (* 1.02 w) (* 1 h) #:color white #:draw-border? #f))
  (define with-background (cc-superimpose background transparent))
  with-background)

(define discourse-black-logo (create-racket-discourse-speech-black-logo))

(define discourse-white-logo (create-racket-discourse-speech-white-logo))

(define (save-pict-to-file pict file [filetype 'svg]) ; or 'png
  (save-pict file (scale (/ 120 (pict-height pict)) pict) filetype))

(save-pict-to-file discourse-black-logo "discourse-dark-logo.png" 'png)
(save-pict-to-file discourse-white-logo "discourse-white-logo.png" 'png)

```

---

<div class="post-metadata">

**Author:** ![spdegabrielle](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/spdegabrielle/32/95_2.png) [@spdegabrielle](https://racket.discourse.group/u/spdegabrielle)\
**Post date:** [January 28, 2022, 11:19pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/18 "2022-01-28T23:19:26Z")

</div>

Thank you!  
Looks good. Hit refresh and check it out.

---

<div class="post-metadata">

**Author:** ![soegaard](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/soegaard/32/19_2.png) [@soegaard](https://racket.discourse.group/u/soegaard)\
**Post date:** [January 29, 2022, 11:40am UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/19 "2022-01-29T11:40:56Z")

</div>

Looks great!

Okay if I add it to `racket-logo.rkt` ?

---

<div class="post-metadata">

**Author:** ![countvajhula](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/countvajhula/32/65_2.png) [@countvajhula](https://racket.discourse.group/u/countvajhula)\
**Post date:** [January 29, 2022, 5:00pm UTC](https://racket.discourse.group/t/slightly-different-discourse-logo/541/20 "2022-01-29T17:00:20Z")

</div>

Of course!

.... extra characters ...
