Giter Site home page Giter Site logo

dotfiles's Introduction

Dotfiles

Dependencies (community)

  • bspwm
  • sxhkd
  • fish
  • rofi
  • kitty
  • ranger
  • python-pywal
  • pacman-contrib

Dependencies (AUR)

  • yay
  • polybar-git
  • compton-tryone-git
  • ttf-nerd-fonts-symbols

dotfiles's People

Contributors

meakk avatar

Stargazers

avatar avatar avatar

Watchers

avatar avatar

Forkers

nicholaswilliamssmooth

dotfiles's Issues

Question about Vivaldi

I added the script tag and linked the file, but in the custom.js file how is the colors variable being defined? I assume I'm pulling something out of .cache/wal, but I'm not sure. Sorry for the novice question.

Edit:
So I realized this is a template for wal. So I added it to the templates and symlinked the exported cache file to style/custom.js. And sourced it in the browser.html and it doesn't seem to do anything.

Path: /Applications/Vivaldi\ Snapshot.app/Contents/Frameworks/Vivaldi\ Framework.framework/Resources/vivaldi/browser.html

  <body>
    <div id="app" />
    <script src="background-common-bundle.js"></script>
    <script src="vendor-bundle.js"></script>
    <script src="settings-bundle.js"></script>
    <script src="urlbar-bundle.js"></script>
    <script src="components-bundle.js"></script>
    <script src="bundle.js"></script>
    <script src="style/custom.js"></script>
  </body>

Path: /Applications/Vivaldi\ Snapshot.app/Contents/Frameworks/Vivaldi\ Framework.framework/Resources/vivaldi/style/custom.js

let colors = {};

colors.Bg = '22,24,29'.split(',').concat(1.0);
colors.BgAlpha = '22,24,29'.split(',').concat(0.8);
colors.BgAlphaHeavy = '22,24,29'.split(',').concat(0.6);
colors.BgAlphaHeavier = '22,24,29'.split(',').concat(0.2);
colors.BgDark = '22,24,29'.split(',').concat(1.0);
colors.BgDarker = '22,24,29'.split(',').concat(1.0);
colors.BgLight = '22,24,29'.split(',').concat(1.0);
colors.BgLighter = '22,24,29'.split(',').concat(1.0);
colors.BgLightIntense = '22,24,29'.split(',').concat(1.0);
colors.BgIntense = '22,24,29'.split(',').concat(1.0);
colors.BgIntenser = '22,24,29'.split(',').concat(1.0);
colors.BgInverse = '22,24,29'.split(',').concat(1.0);
colors.BgInverser = '22,24,29'.split(',').concat(1.0);
colors.BgFaded = '22,24,29'.split(',').concat(1.0);
colors.Fg = '196,197,198'.split(',').concat(1.0);
colors.FgAlpha = '196,197,198'.split(',').concat(0.1);
colors.FgIntense = '196,197,198'.split(',').concat(1.0);
colors.FgFaded = '196,197,198'.split(',').concat(1.0);
colors.FgFadedMore = '196,197,198'.split(',').concat(1.0);
colors.HighlightBg = '0,46,155'.split(',').concat(1.0);
colors.HighlightBgAlpha = '0,46,155'.split(',').concat(0.25);
colors.HighlightBgDark = '0,46,155'.split(',').concat(1.0);
colors.HighlightFg = '196,197,198'.split(',').concat(1.0);
colors.HighlightFgAlpha = '196,197,198'.split(',').concat(0.5);
colors.HighlightFgAlphaHeavy = '196,197,198'.split(',').concat(0.25);
colors.AccentBg = '12,128,254'.split(',').concat(1.0);
colors.AccentBgAlpha = '12,128,254'.split(',').concat(0.4);
colors.AccentBgAlphaHeavy = '12,128,254'.split(',').concat(0.25);
colors.AccentBgDark = '12,128,254'.split(',').concat(1.0);
colors.AccentBgDarker = '12,128,254'.split(',').concat(1.0);
colors.AccentBgFaded = '12,128,254'.split(',').concat(1.0);
colors.AccentBgFadedMore = '12,128,254'.split(',').concat(1.0);
colors.AccentBgFadedMost = '12,128,254'.split(',').concat(1.0);
colors.AccentBorder = '1,159,255'.split(',').concat(1.0);
colors.AccentBorderDark = '1,159,255'.split(',').concat(1.0);
colors.AccentFg = '196,197,198'.split(',').concat(1.0);
colors.AccentFgFaded = '196,197,198'.split(',').concat(1.0);
colors.AccentFgAlpha = '196,197,198'.split(',').concat(0.25);
colors.Border = '22,24,29'.split(',').concat(1.0);
colors.BorderHighlight = '22,24,29'.split(',').concat(1.0);
colors.BorderDisabled = '22,24,29'.split(',').concat(1.0);
colors.BorderIntense = '22,24,29'.split(',').concat(1.0);

function inject() {
  // remove header
  document.getElementById("header").style.display = 'none';

  // remove new tab button
  document.getElementsByClassName("newtab")[0].style.display = 'none';

  // get app
  let app = document.getElementById('app');

  // override css vars
  for (c in colors)
    app.style.setProperty('--color' + c, 'rgb(' + colors[c].join(',') + ')');
};

// wait for browser to load
setTimeout(function wait() {
  if (document.getElementsByClassName('newtab').length == 1) {
    inject();
  }
  else {
    setTimeout(wait, 300);
  }
}, 300);

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.