# Neo4j Discourse 2021 Theme

**URL:** <https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845>\
**Category:** General\
**Created:** [January 11, 2021, 11:18am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845 "2021-01-11T11:18:55Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![akollegger1](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/akollegger1/32/14828_2.png) [@akollegger1](https://community.neo4j.com/u/akollegger1)\
**Post date:** [January 11, 2021, 11:18am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/1 "2021-01-11T11:18:55Z")

</div>

Hello friends!

There's a new "Neo4j Discourse 2021" available for preview which will become the new default theme for the community discourse site.

Features include:

- revised landing page layout
- adoption of tailwind to be hipster and more easily match [neo4j.com](http://neo4j.com) style
- Open Sans for body text
- Fira Code font for monospace text, which makes Cypher look awesome
- syntax highlighting for cypher code
- dark mode

Give it a try by going to your preferences and selecting "Neo4j Discourse 2021" as the theme under the "interface" section. Feedback here would be awesome!

Cheers,  
ABK

---

<div class="post-metadata">

**Author:** ![akollegger1](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/akollegger1/32/14828_2.png) [@akollegger1](https://community.neo4j.com/u/akollegger1)\
**Post date:** [January 11, 2021, 11:29am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/2 "2021-01-11T11:29:30Z")

</div>

# Type samples (H1)

## Text style (H2)

_Italicized to begin with that European flair_ followed by **emboldened words that dare** then end with an inline emoji 😸 to soften the tone.

links are everywhere!

### Code (H3)

Cypher:

```cypher
// Code
MATCH p=(n)-->(m) RETURN p

```

JSON:

```json
{
  "key":"value",
  "number":42
}

```

Inline `code` is not syntax highlighted.

Sometimes [a `match`](http://neo4j.com) is within a link.

## Block quote

> 'Easy to implement' doesn't mean you should.  
> 'Hard to implement' doesn't mean you shouldn't.  
> `-->` abk

## Lists

Unordered list:

- some things have no obvious order
- like stars twinkling in the sky

Ordered list:

1. First things first
2. Then do the next right thing
3. Finish when.. you're done!

## Embedded content

> **[GitHub - akollegger/discourse-theme-neo4j](https://github.com/akollegger/discourse-theme-neo4j)**
>
> Contribute to akollegger/discourse-theme-neo4j development by creating an account on GitHub.

> **[neo4j/neo4j](https://github.com/neo4j/neo4j/issues)**
>
> Graphs for Everyone. Contribute to neo4j/neo4j development by creating an account on GitHub.

> <https://twitter.com/neo4j/status/1349086256144244744>

[![](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/3X/5/9/59e6c39dd88a66a64a01dbbc9c0344d8bb74b745.jpeg "Web Summit 2020 | Follow the money: Untangling complex fraud networks with Emil Eifrem") ](https://www.youtube.com/watch?v=Ijjlz286YUA)

---

<div class="post-metadata">

**Author:** ![akollegger1](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/akollegger1/32/14828_2.png) [@akollegger1](https://community.neo4j.com/u/akollegger1)\
**Post date:** [January 12, 2021, 11:42am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/3 "2021-01-12T11:42:23Z")

</div>

Tweaked the landing page header to use Neo4j brand colors. WDYT?

 ![Screen Shot 2021-01-12 at 12.40.47 PM](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/3X/8/1/8163e8bfc9aa8080375c81612b7a0c7cbd0f9944.jpeg)

Preview using this link: [Neo4j Online Community](https://community.neo4j.com/?preview_theme_id=53)

---

<div class="post-metadata">

**Author:** ![Cobra](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/cobra/32/35243_2.png) [@Cobra](https://community.neo4j.com/u/Cobra)\
**Post date:** [January 13, 2021, 8:43am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/4 "2021-01-13T08:43:53Z")

</div>

It looks good 🙂

Is a dark mode will be available? If yes, you should be aware that we cannot see the Neo4j brand with the logo with the current theme:  
 ![image](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/3X/3/d/3d7a1cc401250a1090dab258ebe43481b4fddc1b.png)

Regards,  
Cobra

---

<div class="post-metadata">

**Author:** ![akollegger1](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/akollegger1/32/14828_2.png) [@akollegger1](https://community.neo4j.com/u/akollegger1)\
**Post date:** [January 13, 2021, 9:34am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/5 "2021-01-13T09:34:18Z")

</div>

Nice catch! I'll take a look at supporting that properly.

---

<div class="post-metadata">

**Author:** ![akollegger1](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/akollegger1/32/14828_2.png) [@akollegger1](https://community.neo4j.com/u/akollegger1)\
**Post date:** [January 13, 2021, 11:07am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/6 "2021-01-13T11:07:11Z")

</div>

@Cobra I have updated the theme with a dark mode. Could you try it out?

---

<div class="post-metadata">

**Author:** ![Cobra](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/cobra/32/35243_2.png) [@Cobra](https://community.neo4j.com/u/Cobra)\
**Post date:** [January 13, 2021, 11:13am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/7 "2021-01-13T11:13:58Z")

</div>

Not everything is in dark mode:

 ![image](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/3X/2/c/2ca75eef23c5a6968aeddaecb28bad0031621871.jpeg)

Moreover, that's when I want to answer to you: (the text is in white)

 ![image](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/3X/4/2/4269292f5def2ae55325362267d6314e116ced7f.png)

---

<div class="post-metadata">

**Author:** ![akollegger1](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/akollegger1/32/14828_2.png) [@akollegger1](https://community.neo4j.com/u/akollegger1)\
**Post date:** [January 13, 2021, 11:24am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/8 "2021-01-13T11:24:46Z")

</div>

OK, interesting. That's partial dark mode. I _think_ the styles I've added are dark-mode aware thanks to tailwind. The white backgrounds are managed by discourse itself, I think.

Could you try:

- enable "Enable automatic dark mode color scheme" in user Preferences/Interface
- switch to dark mode in your OS

Also, what OS/browser are you using? I clearly will need more cross-browser testing.

Thank you for your help!

-ABK

---

<div class="post-metadata">

**Author:** ![Cobra](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/cobra/32/35243_2.png) [@Cobra](https://community.neo4j.com/u/Cobra)\
**Post date:** [January 13, 2021, 12:35pm UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/9 "2021-01-13T12:35:06Z")

</div>

It's what I did, I checked the box it didn't change anything 😕

I'm on Windows 10 and using Firefox and always using dark mode for both 🙂

---

<div class="post-metadata">

**Author:** ![akollegger1](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/akollegger1/32/14828_2.png) [@akollegger1](https://community.neo4j.com/u/akollegger1)\
**Post date:** [May 4, 2021, 6:52am UTC](https://community.neo4j.com/t/neo4j-discourse-2021-theme/31845/10 "2021-05-04T06:52:33Z")

</div>

Color scheme updates to bring closer in line with the new logo.

 ![Neo4j-logo_color](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/3X/1/b/1b38793f9c9e463c269fb73201e23e76f3e131b4.png)
