Coder Social home page Coder Social logo

andrewsardone / nerdbar.widget Goto Github PK

View Code? Open in Web Editor NEW

This project forked from amar1729/nerdbar.widget

0.0 2.0 0.0 20.85 MB

A nerdbar widget (loosely based off herbischoff's) for use with chunkwm/kwm.

License: GNU General Public License v3.0

CoffeeScript 51.18% Shell 26.30% Python 10.73% CSS 11.79%

nerdbar.widget's Introduction

zenbar

zenbar widget

  • Works with both kwm and chunkwm
  • Dynamically changing colors (based on wrapper script around pywal)
  • Displays bsp/float/[n/m] (monocle mode)
  • List of spaces, with active one highlighted with color
  • Name of focused window
  • Currently-playing song
  • cpu/mem info
  • Battery percentage remaining (including whether it's charging)
  • Date and time

Space 1 or 2: Screenshot Screenshot

Difference between charging and not charging: Screenshot Screenshot

Dynamic Color Changing:
This works by caching a colors.json file as colors_<desktopID>.json for each different desktop (This script can automatically do this as a wrapper for pywal). Each desktop has a saved file, and theme.coffee and focused-window.coffee load from it every 1s. Gif

My Changes

  • Changed the kwm/chunkwm active space information to a color box rather than parentheses (see screens)
  • Added dynamic color loading/changing (for use with pywal, themer, etc)
  • Added bolt symbol near battery to indicate when charging (font-awesome currently (Jan 2017) has no charging battery symbol) - see screenshots
  • Changed font to monospace and increased the size in certain areas for important text
  • Modified widget spacing

Previous Work (as of 03/20/17)

  • Herrbischoff's original nerdbar, inspired by koekeishiya's NerdTool configuration
  • koekeishiya's modified nerdbar (kwm/khd author)
    • added active-space widget
    • added support for font-awesome icons
    • improved querying to kwmc
    • fixed now playing: playing.coffee, which uses Firefox plugin CurrentSong to also display the currently-playing song in the bar
  • deathbeam's modified nerdbar, which made the following additions:
    • modifed focused-window to include current/total spaces (very helpful)
    • ellipsis cutoff if focused-window title is too long

Installation

Make sure you have Übersicht installed, and then clone this repository.
IMPORTANT: Make sure you name the resulting folder amar-bar.widget, or change the image paths in background.coffee and focused-window.coffee, since they source css and scripts (respectively) starting with the parent directory's name.

# or wherever your ubersicht looks for widgets (mine looks in ~/.config/ubersicht/widgets/)
git clone https://github.com/Amar1729/nerdbar.widget $HOME/Library/Application\ Support/Übersicht/widgets/amar-bar.widget

nerdbar.widget's People

Contributors

amar1729 avatar

Watchers

Andrew Sardone avatar James Cloos 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.