Browse Source

initial commit and changes to css colors

master
jakecza 6 years ago
parent
commit
3e455074ed
  1. 31
      Gruntfile.js
  2. 3
      README.md
  3. 55
      dist/dist.css
  4. 7
      dist/dist.css.map
  5. 1110
      package-lock.json
  6. 18
      package.json
  7. 53
      src/main.scss

31
Gruntfile.js

@ -0,0 +1,31 @@
module.exports = function(grunt) {
grunt.initConfig({
watch: {
css: {
files: ['src/**/*.scss'],
tasks: ['sass'],
options: {
spawn: false,
},
}
},
sass: {
dist: {
options: {
style: 'expanded'
},
files: {
'dist/dist.css': 'src/main.scss'
}
}
},
});
grunt.loadNpmTasks('grunt-newer');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.registerTask('default', ['sass']);
};

3
README.md

@ -1,2 +1 @@
# dark-hybrid-theme-sn
Dark theme featuring soft pastel colors built to be imported as an extension to Standard Notes
# Dark Hybrid Theme Extension for Standard Notes

55
dist/dist.css

@ -0,0 +1,55 @@
:root {
--background-1: #1E1F21;
--background-2: #2D2D2D;
--foreground-color: #C5C8C1;
--highlight-color: #726a7b;
--border-color: #2D2D2D;
--pre-color: #d6dbdb;
--content-1: #586D75;
--content-2: #667A83;
--content-3: #839496;
--content-4: #93A1A1;
/* Footer */
--footer-bar-border-top-color: 0;
/* Column Menus */
--menu-item-sep-color: rgba(0, 0, 0, 0.1);
--sn-component-foreground-color: var(--content-1);
--sn-component-background-color: var(--border-color);
--sn-component-foreground-highlight-color: var(--highlight-color);
--sn-component-outer-border-color: transparent;
--sn-component-inner-border-color: var(--highlight-color);
--sn-stylekit-info-color: var(--highlight-color);
--sn-stylekit-info-contrast-color: var(--foreground-color);
--sn-stylekit-neutral-color: #6C7A80;
--sn-stylekit-neutral-contrast-color: white;
--sn-stylekit-success-color: #73C991;
--sn-stylekit-success-contrast-color: white;
--sn-stylekit-warning-color: #F0C674;
--sn-stylekit-warning-contrast-color: white;
--sn-stylekit-danger-color: #CC6666;
--sn-stylekit-danger-contrast-color: white;
--sn-stylekit-shadow-color: var(--background-2);
--sn-stylekit-background-color: var(--background-1);
--sn-stylekit-foreground-color: var(--foreground-color);
--sn-stylekit-border-color: var(--border-color);
--sn-stylekit-paragraph-text-color: var(--foreground-color);
--sn-stylekit-contrast-background-color: var(--background-2);
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-contrast-border-color: var(--border-color);
--sn-stylekit-secondary-background-color: var(--background-1);
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-border-color: var(--border-color);
--sn-stylekit-secondary-contrast-background-color: var(--background-2);
--sn-stylekit-secondary-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-contrast-border-color: var(--border-color);
--sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);
--sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);
--sn-stylekit-scrollbar-track-border-color: var(--border-color);
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
--sn-desktop-titlebar-bg-color: var(--background-1);
--sn-desktop-titlebar-border-color: var(--border-color);
--sn-desktop-titlebar-ui-color: var(--foreground-color);
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
}
/*# sourceMappingURL=dist.css.map */

7
dist/dist.css.map

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAAA,KAAM;EAEJ,cAAc,CAAC,QAAQ;EACvB,cAAc,CAAC,QAAQ;EAEvB,kBAAkB,CAAC,QAAQ;EAC3B,iBAAiB,CAAC,QAAQ;EAC1B,cAAc,CAAC,QAAQ;EACvB,WAAW,CAAC,QAAQ;EAEpB,WAAW,CAAC,QAAQ;EACpB,WAAW,CAAC,QAAQ;EACpB,WAAW,CAAC,QAAQ;EACpB,WAAW,CAAC,QAAQ;EAEpB,YAAY;EACZ,6BAA6B,CAAC,EAAE;EAEhC,kBAAkB;EAClB,qBAAqB,CAAC,mBAAmB;EAEzC,+BAA+B,CAAC,iBAAiB;EACjD,+BAA+B,CAAC,oBAAoB;EACpD,yCAAyC,CAAC,uBAAuB;EACjE,iCAAiC,CAAC,YAAY;EAC9C,iCAAiC,CAAC,uBAAuB;EAGzD,wBAAwB,CAAC,uBAAuB;EAChD,iCAAiC,CAAC,wBAAwB;EAE1D,2BAA2B,CAAC,QAAQ;EACpC,oCAAoC,CAAC,MAAM;EAE3C,2BAA2B,CAAC,QAAQ;EACpC,oCAAoC,CAAC,MAAM;EAE3C,2BAA2B,CAAC,QAAQ;EACpC,oCAAoC,CAAC,MAAM;EAE3C,0BAA0B,CAAC,QAAQ;EACnC,mCAAmC,CAAC,MAAM;EAE1C,0BAA0B,CAAC,oBAAoB;EAE/C,8BAA8B,CAAC,oBAAoB;EACnD,8BAA8B,CAAC,wBAAwB;EACvD,0BAA0B,CAAC,oBAAoB;EAE/C,kCAAkC,CAAC,wBAAwB;EAE3D,uCAAuC,CAAC,oBAAoB;EAC5D,uCAAuC,CAAC,wBAAwB;EAChE,mCAAmC,CAAC,oBAAoB;EAExD,wCAAwC,CAAC,oBAAoB;EAC7D,wCAAwC,CAAC,wBAAwB;EACjE,oCAAoC,CAAC,oBAAoB;EAEzD,iDAAiD,CAAC,oBAAoB;EACtE,iDAAiD,CAAC,wBAAwB;EAC1E,6CAA6C,CAAC,oBAAoB;EAElE,qCAAqC,CAAC,oCAAoC;EAC1E,qCAAqC,CAAC,oCAAoC;EAE1E,0CAA0C,CAAC,oBAAoB;EAC/D,mCAAmC,CAAC,8BAA8B;EAElE,8BAA8B,CAAC,oBAAoB;EACnD,kCAAkC,CAAC,oBAAoB;EACvD,8BAA8B,CAAC,wBAAwB;EACvD,oCAAoC,CAAC,uBAAuB",
"sources": ["../src/main.scss"],
"names": [],
"file": "dist.css"
}

1110
package-lock.json

File diff suppressed because it is too large

18
package.json

@ -0,0 +1,18 @@
{
"name": "dark-hybrid-theme-sn",
"version": "1.0",
"main": "dist/dist.css",
"devDependencies": {
"grunt": "^1.0.1",
"grunt-contrib-watch": "^1.0.0",
"grunt-newer": "^1.2.0",
"grunt-contrib-sass": "^1.0.0"
},
"sn": {
"main": "dist/dist.css"
},
"repository": {
"type": "git",
"url": "https://github.com/jakecza/dark-hybrid-theme-sn.git"
}
}

53
src/main.scss

@ -0,0 +1,53 @@
:root {
--background-1: #1E1F21;
--background-2: #2D2D2D;
--foreground-color: #C5C8C1;
--highlight-color: #726a7b;
--border-color: #2D2D2D;
--pre-color: #d6dbdb;
--content-1: #586D75;
--content-2: #667A83;
--content-3: #839496;
--content-4: #93A1A1;
/* Footer */
--footer-bar-border-top-color: 0;
/* Column Menus */
--menu-item-sep-color: rgba(0, 0, 0, 0.1);
--sn-component-foreground-color: var(--content-1);
--sn-component-background-color: var(--border-color);
--sn-component-foreground-highlight-color: var(--highlight-color);
--sn-component-outer-border-color: transparent;
--sn-component-inner-border-color: var(--highlight-color);
--sn-stylekit-info-color: var(--highlight-color);
--sn-stylekit-info-contrast-color: var(--foreground-color);
--sn-stylekit-neutral-color: #6C7A80;
--sn-stylekit-neutral-contrast-color: white;
--sn-stylekit-success-color: #73C991;
--sn-stylekit-success-contrast-color: white;
--sn-stylekit-warning-color: #F0C674;
--sn-stylekit-warning-contrast-color: white;
--sn-stylekit-danger-color: #CC6666;
--sn-stylekit-danger-contrast-color: white;
--sn-stylekit-shadow-color: var(--background-2);
--sn-stylekit-background-color: var(--background-1);
--sn-stylekit-foreground-color: var(--foreground-color);
--sn-stylekit-border-color: var(--border-color);
--sn-stylekit-paragraph-text-color: var(--foreground-color);
--sn-stylekit-contrast-background-color: var(--background-2);
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-contrast-border-color: var(--border-color);
--sn-stylekit-secondary-background-color: var(--background-1);
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-border-color: var(--border-color);
--sn-stylekit-secondary-contrast-background-color: var(--background-2);
--sn-stylekit-secondary-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-contrast-border-color: var(--border-color);
--sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);
--sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);
--sn-stylekit-scrollbar-track-border-color: var(--border-color);
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
--sn-desktop-titlebar-bg-color: var(--background-1);
--sn-desktop-titlebar-border-color: var(--border-color);
--sn-desktop-titlebar-ui-color: var(--foreground-color);
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
}
Loading…
Cancel
Save