Giter VIP home page Giter VIP logo

material-theme-bear-notes's Introduction

Material Theme for Bear Screenshot

Material Theme for Bear Notes (macOS)

Based on the most epic theme for Visual Studio Code made by @equinusocio, Material Theme. It's a great theme with beautiful colors and plenty of themes to keep things fresh and current.

Bear uses XML for their themes which is easy to modify and create your own. That said, some easy "hacking" is involved as they do not officially support third party themes.

Instructions are included below. It's a short list, don't worry.

Updates

2/21/22 - Went through and created proper Big Sur style icons for all themes. Check the Sketch file if you'd like to alter them to your liking.
2/20/22 - Long time no see. Updated Default (Cobalt) theme to make sidebar icons more in sync with other themes. Also added vector app icon to resources/material-bear-theme.sketch for those that would like to modify it.

How to Install

To work properly, each Material Theme variant is built over themes already included within Bear itself.

Backup Files First

  1. If open, quit Bear.
  2. Go to your Applications folder.
  3. Locate and Right-Click on Bear. Select "Show Package Contents."
  4. Navigate to Contents/Resources.
  5. Create backups for all *.theme files.

Copy Material Theme(s) To Bear

  1. Clone or Download the latest release and extract.
  2. Copy themes/[variant]/[theme-name].theme files you'd like to use to Bear.app/Contents/Resources.
  3. Open Bear, go to preferences, and activate [theme-name] under Themes panel.

Icon Install Instructions

I've created Bear app icon replacements for each theme variant. The Bear developers decided to make icons a little tougher to customize as well. Thankfully, not too hard. To install and ensure the theme icon is always displayed requires the following:

Material Theme for Bear Screenshot

  • First copy/paste the icon image to the app through the Finder info panel. This ensures the icon works when Bear is not open: Guide
  • Second, to work while open you must edit Bear's Assets.car file (/Applications/Bear.app/Contents/Resources/Assets.car) using Theme Engine. Create a backup of Assets.car to another location, create a new copy and and open with ThemeEngine. Replace all related icon images by pasting into the right location (Assets.car/AppIcon [theme-name]). After you're finished copy the modified Assets.car file to /Applications/Bear.app/Contents/Resources/Assets.car overwriting the file that is there (password will be required).
  • When finished enable the "App icon matches theme" option in Bear's Themes preferences panel.

Important Notes

Unfortunately after each Bear update you may have to do this process over again. Be sure to keep these files available locally or, I recommend, to clone the repo so you can more easily keep up to date. I use this theme so I intend to keep it up to date as Bear is updated.

If I miss anything...

Bugs, Issues or Feedback

If you have any ideas or notice issues please let me know by adding an Issue.

❤️

Note: I did not create Bear (macOS/iOS/etc.) or the Material Theme color scheme, palette or anything related unless specified otherwise. I am not affiliated with their creators in any manner.

material-theme-bear-notes's People

Contributors

codeams avatar r3volution11 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.