elabs 2.0.0.pre

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Experiments Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/LICENSES.md

@@ -0,0 +1,6 @@
+# Additional license information:
+
+- `Woody.jpg`, located in `spec/fixtures/files` is under
+  [CreativeCommons by-nc-sa 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/),
+  and was created by Manuel Tancoigne
+

data/README.md

@@ -0,0 +1,41 @@
+# README
+Rails engine adding CMS features to publish content related to projects.
+An online version can be tested on http://next.experimentslabs.com
+## Features
+
+Manage various content types:
+  - Articles
+  - Notes
+  - Files
+  - Albums (files collections)
+  - Projects (may have everything above attached to them)
+
+Classify content:
+  - Tags
+  - Language
+  - Licenses
+
+Generic features:
+  - Comments (only visible to author)
+  - Safe/not safe for work content flags
+  - Content reporting
+  - Site structure translations
+
+Features wishlist: check the [roadmap](ROADMAP.md#wonderland) to see
+what's coming.
+
+## Known issues:
+JSON views are not created yet. They exists but were created using
+scaffolding and never touched again.
+
+## Documentation:
+- [Setup guide](docs/setup.md)
+- [Sample app](https://gitlab.com/experimentslabs/sample_app)
+- [How to override the app](docs/overriding.md)
+- [How to contribute](docs/contributing.md)
+- [Migration guide](docs/migrating.md)
+- [Cucumber: terms used in features](docs/cucumber_terms.md)
+- [Roadmap](ROADMAP.md): incoming changes
+- [Changelog](CHANGELOG.md): last validated changes
+- [Issue tracker](https://gitlab.com/experimentslabs/engine_elabs/issues)
+- [Discussion place: Gitter](https://gitter.im/Experiments-Labs/Lobby)

data/ROADMAP.md

@@ -0,0 +1,61 @@
+# Roadmap
+All the future changes will be documented here.
+
+## [Issues]
+See the [issues](https://gitlab.com/experimentslabs/website/website/issues) for a list.
+
+## [Next] - Already done
+### Added
+  - Generators to make views/assets override easy
+  - Generator to copy needed files and initializer
+  - Two controller concerns to easily extend your custom controllers:
+    - "ElabsController", used to load Elabs layout and some helpers
+    - "Reportable", to prepare an empty report when using elabs layout
+
+### Changed
+  - The app is now an engine.
+
+### Improved
+  - New documentation
+  - Various improvements:
+    - Acts strings for notices are now in the "acts" helper
+
+### Removed
+
+### Fixed
+  - Translations of acts notices are now fixed
+
+## Planned
+
+Note that the elements in this list may change during development; it' a
+general idea of what will be done next.
+  - [2.0.0 (currently working on)] - Make an engine
+  - [1.1.0] - JSON views for everything
+  - [2.2.0] - Notifications
+  - [2.3.0] - Urls table to attach urls to content, share favorites
+  - [2.4.0] - Teams to attach user and distant people to projects
+  - [2.5.0] - Projects: commits aggregation
+  - [2.6.0] - Users: service status aggregation without storage for now
+  - [2.7.0] - Raw content for everything
+
+## Wonderland
+  - ~~Rails engine~~ (since 2.0.0)
+  - Avatars for authors
+  - Support for custom fields ?
+  - Move HTML helpers to decorators (https://github.com/drapergem/draper)
+    AND/OR use a better templating system, as [Cells](http://trailblazer.to/gems/cells/)
+  - Export raw content (markdown, files)
+  - Content translations (community made)
+  - Teams (people with common projects)
+  - Projects users
+  - Sharing across instances
+  - Urls management (lists of URLs, favorites, sources,...)
+  - Content: code snippets
+  - Content references (reference others work in your own work)
+  - Better license support (i.e.: html tags for creative commons license)
+  - Widgets (to add custom content in created content)
+  - Data aggregation from various VCS providers
+  - Data aggregation for users profiles from various providers
+  - An API ?
+  - Sharing things across Elabs instances?
+  - ...

data/Rakefile

@@ -0,0 +1,32 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Elabs'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path('spec/dummy/Rakefile', __dir__)
+load 'rails/tasks/engine.rake'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task default: :test

data/app/assets/config/elabs_manifest.js

@@ -0,0 +1,3 @@
+//= link_tree ../images/elabs
+//= link_directory ../javascripts/elabs .js
+//= link_directory ../stylesheets/elabs .css

data/app/assets/javascripts/elabs/application.js

@@ -0,0 +1,27 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require rails-ujs
+//= require activestorage
+//= require codemirror-5.39.2/lib/codemirror.js
+//= require codemirror-5.39.2/addon/mode/overlay.js
+//= require codemirror-5.39.2/mode/xml/xml.js
+//= require codemirror-5.39.2/mode/markdown/markdown.js
+//= require codemirror-5.39.2/mode/javascript/javascript.js
+//= require codemirror-5.39.2/mode/css/css.js
+//= require codemirror-5.39.2/mode/htmlmixed/htmlmixed.js
+//= require codemirror-5.39.2/mode/clike/clike.js
+//= require codemirror-5.39.2/mode/meta.js
+//= require codemirror-5.39.2/mode/gfm/gfm.js
+//= require highlight.js-9.12.0/highlight.pack.js
+//= require markdown-it-8.4.2.min.js
+//= require_tree .

data/app/assets/javascripts/elabs/helpers-codemirror.js

@@ -0,0 +1,29 @@
+// eslint-disable-next-line no-unused-vars
+function initializeCodeMirrorIn (element) {
+  return CodeMirror.fromTextArea(element, {
+    lineNumbers: true,
+    mode: {
+      name: 'gfm',
+      tokenTypeOverrides: {
+        emoji: 'emoji'
+      }
+    },
+    theme: 'base16-light'
+  })
+}
+
+// eslint-disable-next-line no-unused-vars
+function limitCMToLength (cm, change) {
+  var maxLength = cm.getOption('maxLength')
+  if (maxLength && change.update) {
+    var str = change.text.join('\n')
+    var delta = str.length - (cm.indexFromPos(change.to) - cm.indexFromPos(change.from))
+    if (delta <= 0) { return true }
+    delta = cm.getValue().length + delta - maxLength
+    if (delta > 0) {
+      str = str.substr(0, str.length - delta)
+      change.update(change.from, change.to, str.split('\n'))
+    }
+  }
+  return true
+}

data/app/assets/javascripts/elabs/helpers-markdown.js

@@ -0,0 +1,42 @@
+// eslint-disable-next-line no-unused-vars
+function createMDPreviewer (cmInstance) {
+  var md = window.markdownit()
+
+  return function (event) {
+    event.preventDefault()
+
+    document.getElementById('content-description-preview').innerHTML = md.render(cmInstance.getValue())
+
+    openModal('content-preview-modal')
+  }
+}
+
+/*
+ * @author Wladimir Palant
+ * @source https://stackoverflow.com/questions/1912501/unescape-html-entities-in-javascript/34064434#34064434
+ */
+function htmlDecode (input) {
+  if (typeof DOMParser !== 'function') { return input }
+  var doc = new DOMParser().parseFromString(input, 'text/html')
+  return doc.documentElement.textContent
+}
+
+// eslint-disable-next-line no-unused-vars
+function renderMdFromId (areaId) {
+  var md = window.markdownit({
+    highlight: function (str, lang) {
+      // Unescape some chars
+      str = htmlDecode(str)
+      if (lang && hljs.getLanguage(lang)) {
+        try {
+          return hljs.highlight(lang, str).value
+        } catch (__) {}
+      }
+
+      return '' // use external default escaping
+    }
+  })
+  var value = document.getElementById('raw-' + areaId).innerHTML
+
+  document.getElementById('markdown-' + areaId).innerHTML = md.render(value)
+}

data/app/assets/javascripts/elabs/helpers.js

@@ -0,0 +1,17 @@
+// eslint-disable-next-line no-unused-vars
+function removeClass (element, className) {
+  if (element.classList) {
+    element.classList.remove(className)
+  } else {
+    element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ')
+  }
+}
+
+// eslint-disable-next-line no-unused-vars
+function addClass (element, className) {
+  if (element.classList) {
+    element.classList.add(className)
+  } else {
+    element.className += ' ' + className
+  }
+}

data/app/assets/javascripts/elabs/modals.js

@@ -0,0 +1,19 @@
+// eslint-disable-next-line no-unused-vars
+function openModal (e, id) {
+  if (!id) {
+    id = e
+  } else {
+    e.preventDefault()
+  }
+  addClass(document.getElementById(id), 'modal--visible')
+}
+
+// eslint-disable-next-line no-unused-vars
+function closeModal (e, id) {
+  if (!id) {
+    id = e
+  } else {
+    e.preventDefault()
+  }
+  removeClass(document.getElementById(id), 'modal--visible')
+}

data/app/assets/javascripts/elabs/tabs.js

@@ -0,0 +1,32 @@
+// eslint-disable-next-line no-unused-vars
+function selectTab (event, tab) {
+  if (tab) {
+    event.preventDefault()
+  } else {
+    tab = event
+  }
+
+  var i
+  var tabs = document.getElementsByClassName('tabs__tabs-list__tab active')
+  var tabsContent = document.getElementsByClassName('tabs__tab-content active')
+
+  for (i = 0; i < tabs.length; i++) {
+    removeClass(tabs[i], 'active')
+  }
+
+  for (i = 0; i < tabsContent.length; i++) {
+    removeClass(tabsContent[i], 'active')
+  }
+  addClass(document.getElementById('tab-content-' + tab), 'active')
+  addClass(document.getElementById('tab-' + tab), 'active')
+}
+
+// eslint-disable-next-line no-unused-vars
+function initializeTabs () {
+  var i
+  var tabs = document.getElementsByClassName('tabs__tab-content')
+
+  for (i = 0; i < tabs.length; i++) {
+    addClass(tabs[i], 'tab--initialized')
+  }
+}

data/app/assets/stylesheets/elabs/_colors.scss

@@ -0,0 +1,345 @@
+// Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
+
+// Reds
+$color-red-50: #ffebee;
+$color-red-100: #ffcdd2;
+$color-red-200: #ef9a9a;
+$color-red-300: #e57373;
+$color-red-400: #ef5350;
+$color-red-500: #f44336;
+$color-red-600: #e53935;
+$color-red-700: #d32f2f;
+$color-red-800: #c62828;
+$color-red-900: #b71c1c;
+$color-red-a100: #ff8a80;
+$color-red-a200: #ff5252;
+$color-red-a400: #ff1744;
+$color-red-a700: #d50000;
+
+// Pinks
+$color-pink-50: #fce4ec;
+$color-pink-100: #f8bbd0;
+$color-pink-200: #f48fb1;
+$color-pink-300: #f06292;
+$color-pink-400: #ec407a;
+$color-pink-500: #e91e63;
+$color-pink-600: #d81b60;
+$color-pink-700: #c2185b;
+$color-pink-800: #ad1457;
+$color-pink-900: #880e4f;
+$color-pink-a100: #ff80ab;
+$color-pink-a200: #ff4081;
+$color-pink-a400: #f50057;
+$color-pink-a700: #c51162;
+
+// Purples
+$color-purple-50: #f3e5f5;
+$color-purple-100: #e1bee7;
+$color-purple-200: #ce93d8;
+$color-purple-300: #ba68c8;
+$color-purple-400: #ab47bc;
+$color-purple-500: #9c27b0;
+$color-purple-600: #8e24aa;
+$color-purple-700: #7b1fa2;
+$color-purple-800: #6a1b9a;
+$color-purple-900: #4a148c;
+$color-purple-a100: #ea80fc;
+$color-purple-a200: #e040fb;
+$color-purple-a400: #d500f9;
+$color-purple-a700: #aa00ff;
+
+// Deep-purples
+$color-deep-purple-50: #ede7f6;
+$color-deep-purple-100: #d1c4e9;
+$color-deep-purple-200: #b39ddb;
+$color-deep-purple-300: #9575cd;
+$color-deep-purple-400: #7e57c2;
+$color-deep-purple-500: #673ab7;
+$color-deep-purple-600: #5e35b1;
+$color-deep-purple-700: #512da8;
+$color-deep-purple-800: #4527a0;
+$color-deep-purple-900: #311b92;
+$color-deep-purple-a100: #b388ff;
+$color-deep-purple-a200: #7c4dff;
+$color-deep-purple-a400: #651fff;
+$color-deep-purple-a700: #6200ea;
+
+// Indigos
+$color-indigo-50: #e8eaf6;
+$color-indigo-100: #c5cae9;
+$color-indigo-200: #9fa8da;
+$color-indigo-300: #7986cb;
+$color-indigo-400: #5c6bc0;
+$color-indigo-500: #3f51b5;
+$color-indigo-600: #3949ab;
+$color-indigo-700: #303f9f;
+$color-indigo-800: #283593;
+$color-indigo-900: #1a237e;
+$color-indigo-a100: #8c9eff;
+$color-indigo-a200: #536dfe;
+$color-indigo-a400: #3d5afe;
+$color-indigo-a700: #304ffe;
+
+// Blues
+$color-blue-50: #e3f2fd;
+$color-blue-100: #bbdefb;
+$color-blue-200: #90caf9;
+$color-blue-300: #64b5f6;
+$color-blue-400: #42a5f5;
+$color-blue-500: #2196f3;
+$color-blue-600: #1e88e5;
+$color-blue-700: #1976d2;
+$color-blue-800: #1565c0;
+$color-blue-900: #0d47a1;
+$color-blue-a100: #82b1ff;
+$color-blue-a200: #448aff;
+$color-blue-a400: #2979ff;
+$color-blue-a700: #2962ff;
+
+// Light blues
+$color-light-blue-50: #e1f5fe;
+$color-light-blue-100: #b3e5fc;
+$color-light-blue-200: #81d4fa;
+$color-light-blue-300: #4fc3f7;
+$color-light-blue-400: #29b6f6;
+$color-light-blue-500: #03a9f4;
+$color-light-blue-600: #039be5;
+$color-light-blue-700: #0288d1;
+$color-light-blue-800: #0277bd;
+$color-light-blue-900: #01579b;
+$color-light-blue-a100: #80d8ff;
+$color-light-blue-a200: #40c4ff;
+$color-light-blue-a400: #00b0ff;
+$color-light-blue-a700: #0091ea;
+
+// Cyan
+$color-cyan-50: #e0f7fa;
+$color-cyan-100: #b2ebf2;
+$color-cyan-200: #80deea;
+$color-cyan-300: #4dd0e1;
+$color-cyan-400: #26c6da;
+$color-cyan-500: #00bcd4;
+$color-cyan-600: #00acc1;
+$color-cyan-700: #0097a7;
+$color-cyan-800: #00838f;
+$color-cyan-900: #006064;
+$color-cyan-a100: #84ffff;
+$color-cyan-a200: #18ffff;
+$color-cyan-a400: #00e5ff;
+$color-cyan-a700: #00b8d4;
+
+// Teals
+$color-teal-50: #e0f2f1;
+$color-teal-100: #b2dfdb;
+$color-teal-200: #80cbc4;
+$color-teal-300: #4db6ac;
+$color-teal-400: #26a69a;
+$color-teal-500: #009688;
+$color-teal-600: #00897b;
+$color-teal-700: #00796b;
+$color-teal-800: #00695c;
+$color-teal-900: #004d40;
+$color-teal-a100: #a7ffeb;
+$color-teal-a200: #64ffda;
+$color-teal-a400: #1de9b6;
+$color-teal-a700: #00bfa5;
+
+// Greens
+$color-green-50: #e8f5e9;
+$color-green-100: #c8e6c9;
+$color-green-200: #a5d6a7;
+$color-green-300: #81c784;
+$color-green-400: #66bb6a;
+$color-green-500: #4caf50;
+$color-green-600: #43a047;
+$color-green-700: #388e3c;
+$color-green-800: #2e7d32;
+$color-green-900: #1b5e20;
+$color-green-a100: #b9f6ca;
+$color-green-a200: #69f0ae;
+$color-green-a400: #00e676;
+$color-green-a700: #00c853;
+
+// Light-greens
+$color-light-green-50: #f1f8e9;
+$color-light-green-100: #dcedc8;
+$color-light-green-200: #c5e1a5;
+$color-light-green-300: #aed581;
+$color-light-green-400: #9ccc65;
+$color-light-green-500: #8bc34a;
+$color-light-green-600: #7cb342;
+$color-light-green-700: #689f38;
+$color-light-green-800: #558b2f;
+$color-light-green-900: #33691e;
+$color-light-green-a100: #ccff90;
+$color-light-green-a200: #b2ff59;
+$color-light-green-a400: #76ff03;
+$color-light-green-a700: #64dd17;
+
+// Limes
+$color-lime-50: #f9fbe7;
+$color-lime-100: #f0f4c3;
+$color-lime-200: #e6ee9c;
+$color-lime-300: #dce775;
+$color-lime-400: #d4e157;
+$color-lime-500: #cddc39;
+$color-lime-600: #c0ca33;
+$color-lime-700: #afb42b;
+$color-lime-800: #9e9d24;
+$color-lime-900: #827717;
+$color-lime-a100: #f4ff81;
+$color-lime-a200: #eeff41;
+$color-lime-a400: #c6ff00;
+$color-lime-a700: #aeea00;
+
+// Yellows
+$color-yellow-50: #fffde7;
+$color-yellow-100: #fff9c4;
+$color-yellow-200: #fff59d;
+$color-yellow-300: #fff176;
+$color-yellow-400: #ffee58;
+$color-yellow-500: #ffeb3b;
+$color-yellow-600: #fdd835;
+$color-yellow-700: #fbc02d;
+$color-yellow-800: #f9a825;
+$color-yellow-900: #f57f17;
+$color-yellow-a100: #ffff8d;
+$color-yellow-a200: #ffff00;
+$color-yellow-a400: #ffea00;
+$color-yellow-a700: #ffd600;
+
+// Ambers
+$color-amber-50: #fff8e1;
+$color-amber-100: #ffecb3;
+$color-amber-200: #ffe082;
+$color-amber-300: #ffd54f;
+$color-amber-400: #ffca28;
+$color-amber-500: #ffc107;
+$color-amber-600: #ffb300;
+$color-amber-700: #ffa000;
+$color-amber-800: #ff8f00;
+$color-amber-900: #ff6f00;
+$color-amber-a100: #ffe57f;
+$color-amber-a200: #ffd740;
+$color-amber-a400: #ffc400;
+$color-amber-a700: #ffab00;
+
+// Oranges
+$color-orange-50: #fff3e0;
+$color-orange-100: #ffe0b2;
+$color-orange-200: #ffcc80;
+$color-orange-300: #ffb74d;
+$color-orange-400: #ffa726;
+$color-orange-500: #ff9800;
+$color-orange-600: #fb8c00;
+$color-orange-700: #f57c00;
+$color-orange-800: #ef6c00;
+$color-orange-900: #e65100;
+$color-orange-a100: #ffd180;
+$color-orange-a200: #ffab40;
+$color-orange-a400: #ff9100;
+$color-orange-a700: #ff6d00;
+
+// Deep oranges
+$color-deep-orange-50: #fbe9e7;
+$color-deep-orange-100: #ffccbc;
+$color-deep-orange-200: #ffab91;
+$color-deep-orange-300: #ff8a65;
+$color-deep-orange-400: #ff7043;
+$color-deep-orange-500: #ff5722;
+$color-deep-orange-600: #f4511e;
+$color-deep-orange-700: #e64a19;
+$color-deep-orange-800: #d84315;
+$color-deep-orange-900: #bf360c;
+$color-deep-orange-a100: #ff9e80;
+$color-deep-orange-a200: #ff6e40;
+$color-deep-orange-a400: #ff3d00;
+$color-deep-orange-a700: #dd2c00;
+
+// Browns
+$color-brown-50: #efebe9;
+$color-brown-100: #d7ccc8;
+$color-brown-200: #bcaaa4;
+$color-brown-300: #a1887f;
+$color-brown-400: #8d6e63;
+$color-brown-500: #795548;
+$color-brown-600: #6d4c41;
+$color-brown-700: #5d4037;
+$color-brown-800: #4e342e;
+$color-brown-900: #3e2723;
+
+// Greys
+$color-grey-50: #fafafa;
+$color-grey-100: #f5f5f5;
+$color-grey-200: #eeeeee;
+$color-grey-300: #e0e0e0;
+$color-grey-400: #bdbdbd;
+$color-grey-500: #9e9e9e;
+$color-grey-600: #757575;
+$color-grey-700: #616161;
+$color-grey-800: #424242;
+$color-grey-900: #212121;
+
+// Blue-greys
+$color-blue-grey-50: #eceff1;
+$color-blue-grey-100: #cfd8dc;
+$color-blue-grey-200: #b0bec5;
+$color-blue-grey-300: #90a4ae;
+$color-blue-grey-400: #78909c;
+$color-blue-grey-500: #607d8b;
+$color-blue-grey-600: #546e7a;
+$color-blue-grey-700: #455a64;
+$color-blue-grey-800: #37474f;
+$color-blue-grey-900: #263238;
+$color-blue-grey-1000: #11171a;
+
+// Basic colors
+$color-white: #ffffff;
+$color-black: #000000;
+
+// Semantic colors:
+$color-brand: #f6bb42;
+$color-danger: $color-red-500;
+$color-ghost: transparent;
+$color-info: $color-blue-300;
+$color-muted: $color-grey-200;
+$color-primary: $color-blue-500;
+$color-success: $color-green-500;
+$color-warning: $color-orange-500;
+
+// Foreground/background colors
+$color-base: $color-grey-600;
+$color-background-base: $color-grey-200;
+$color-inverse: $color-grey-100;
+$color-background-inverse: $color-orange-300;
+
+// Information messages
+$color-error-background: $color-red-500;
+$color-error: $color-white;
+
+// Borders
+$color-borders: transparentize($color-base, .8);
+
+// Forms
+$forms-color: $color-grey-800;
+
+// Links
+$link-color: $color-grey-800;
+$link-color-hover: $color-grey-600;
+
+// User content colors
+$el-content-album-bg: $color-white;
+$el-content-article-bg: $color-white;
+$el-content-note-bg: $color-white;
+$el-content-project-bg: $color-white;
+$el-content-upload-bg: $color-white;
+
+// Classifiers
+$el-language-bg: $color-green-100;
+$el-license-bg: $color-orange-200;
+$el-tag-bg: $color-blue-100;
+$el-user-bg: $color-blue-grey-100;
+
+// NSFW notices
+$color-nsfw: $color-grey-400;
+$color-nsfw-background: $color-grey-300;