<p>Dark mode implementation (<a class="issue-link js-issue-link" data-error-text="Failed to load issue title" data-id="400765564" data-permission-text="Issue title is private" data-url="https://github.com/bisq-network/bisq/issues/2286" data-hovercard-type="issue" data-hovercard-url="/bisq-network/bisq/issues/2286/hovercard" href="https://github.com/bisq-network/bisq/issues/2286">#2286</a> )</p>
<p>(For testing, use <code>Ctrl+D</code> to easily switch between light/dark mode)</p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/bisq-network/bisq/pull/2414'>https://github.com/bisq-network/bisq/pull/2414</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>Added gradle build for SASS files</li>
  <li>Factored out various CSS components into separate files and replaced hardcoded colors with CSS classes</li>
  <li>Compass test case doesn't work just yet</li>
  <li>Implemented Settings toggle and CSS switcher</li>
  <li>Event handler for useDarkThemeProperty</li>
  <li>Renamed sass/ folder to styles/</li>
  <li>Finalized CSS refactoring, added dark theme</li>
  <li>Text color fixes</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-0">.gitignore</a>
    (1)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-1">build.gradle</a>
    (17)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-2">common/src/main/proto/pb.proto</a>
    (1)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-3">core/src/main/java/bisq/core/locale/GlobalSettings.java</a>
    (9)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-4">core/src/main/java/bisq/core/user/Preferences.java</a>
    (16)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-5">core/src/main/java/bisq/core/user/PreferencesPayload.java</a>
    (3)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-6">core/src/main/resources/i18n/displayStrings.properties</a>
    (1)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-7">desktop/src/main/java/bisq/desktop/app/BisqApp.java</a>
    (39)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-8">desktop/src/main/java/bisq/desktop/bisq.css</a>
    (2019)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-9">desktop/src/main/java/bisq/desktop/components/HyperlinkWithIcon.java</a>
    (3)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-10">desktop/src/main/java/bisq/desktop/components/SeparatedPhaseBars.java</a>
    (4)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-11">desktop/src/main/java/bisq/desktop/components/TooltipUtil.java</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-12">desktop/src/main/java/bisq/desktop/main/disputes/trader/TraderDisputeView.java</a>
    (8)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-13">desktop/src/main/java/bisq/desktop/main/offer/offerbook/OfferBookView.java</a>
    (4)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-14">desktop/src/main/java/bisq/desktop/main/portfolio/pendingtrades/steps/buyer/BuyerStep3View.java</a>
    (12)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-15">desktop/src/main/java/bisq/desktop/main/settings/preferences/PreferencesView.java</a>
    (7)
  </li>
  <li>
    <strong>R</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-16">desktop/src/main/java/bisq/desktop/styles/CandleStickChart.scss</a>
    (2)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-17">desktop/src/main/java/bisq/desktop/styles/base-colors.scss</a>
    (57)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-18">desktop/src/main/java/bisq/desktop/styles/bisq.scss</a>
    (711)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-19">desktop/src/main/java/bisq/desktop/styles/icons.scss</a>
    (85)
  </li>
  <li>
    <strong>R</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-20">desktop/src/main/java/bisq/desktop/styles/images.scss</a>
    (1)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-21">desktop/src/main/java/bisq/desktop/styles/popups.scss</a>
    (65)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-22">desktop/src/main/java/bisq/desktop/styles/tables.scss</a>
    (185)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-23">desktop/src/main/java/bisq/desktop/styles/theme-dark.scss</a>
    (124)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-24">desktop/src/main/java/bisq/desktop/styles/theme-light.scss</a>
    (121)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-25">desktop/src/main/java/bisq/desktop/styles/ui-elements.scss</a>
    (925)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/bisq-network/bisq/pull/2414/files#diff-26">desktop/src/main/java/bisq/desktop/util/Colors.java</a>
    (27)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/bisq-network/bisq/pull/2414.patch'>https://github.com/bisq-network/bisq/pull/2414.patch</a></li>
  <li><a href='https://github.com/bisq-network/bisq/pull/2414.diff'>https://github.com/bisq-network/bisq/pull/2414.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/bisq-network/bisq/pull/2414">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AkpZtkNrPdSGvCErwdp82QV6AO4akRx-ks5vMyWIgaJpZM4a4AL5">mute the thread</a>.<img src="https://github.com/notifications/beacon/AkpZtnVlaNyCET20l5fIxSIJfJCXNeGNks5vMyWIgaJpZM4a4AL5.gif" height="1" width="1" alt="" /></p>
<script type="application/json" data-scope="inboxmarkup">{"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/bisq-network/bisq","title":"bisq-network/bisq","subtitle":"GitHub repository","main_image_url":"https://github.githubassets.com/images/email/message_cards/header.png","avatar_image_url":"https://github.githubassets.com/images/email/message_cards/avatar.png","action":{"name":"Open in GitHub","url":"https://github.com/bisq-network/bisq"}},"updates":{"snippets":[{"icon":"DESCRIPTION","message":"[WIP] Feature dark mode (#2414)"}],"action":{"name":"View Pull Request","url":"https://github.com/bisq-network/bisq/pull/2414"}}}</script>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/bisq-network/bisq/pull/2414",
"url": "https://github.com/bisq-network/bisq/pull/2414",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>