Browse Source

basic jig for SASS-based themed CSS (one bundle per theme)

matthew/scss
Matthew Hodgson 6 years ago
parent
commit
bacb284415
  1. 6
      package.json
  2. 0
      src/skins/vector/css/_common.scss
  3. 0
      src/skins/vector/css/matrix-react-sdk/structures/_ContextualMenu.scss
  4. 0
      src/skins/vector/css/matrix-react-sdk/structures/_CreateRoom.scss
  5. 0
      src/skins/vector/css/matrix-react-sdk/structures/_FilePanel.scss
  6. 0
      src/skins/vector/css/matrix-react-sdk/structures/_MatrixChat.scss
  7. 0
      src/skins/vector/css/matrix-react-sdk/structures/_NotificationPanel.scss
  8. 0
      src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
  9. 0
      src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss
  10. 0
      src/skins/vector/css/matrix-react-sdk/structures/_SearchBox.scss
  11. 0
      src/skins/vector/css/matrix-react-sdk/structures/_UploadBar.scss
  12. 0
      src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss
  13. 0
      src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
  14. 0
      src/skins/vector/css/matrix-react-sdk/views/avatars/_BaseAvatar.scss
  15. 0
      src/skins/vector/css/matrix-react-sdk/views/dialogs/_ChatInviteDialog.scss
  16. 0
      src/skins/vector/css/matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss
  17. 0
      src/skins/vector/css/matrix-react-sdk/views/dialogs/_SetDisplayNameDialog.scss
  18. 0
      src/skins/vector/css/matrix-react-sdk/views/elements/_AddressSelector.scss
  19. 0
      src/skins/vector/css/matrix-react-sdk/views/elements/_AddressTile.scss
  20. 0
      src/skins/vector/css/matrix-react-sdk/views/elements/_DirectorySearchBox.scss
  21. 0
      src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss
  22. 0
      src/skins/vector/css/matrix-react-sdk/views/elements/_ProgressBar.scss
  23. 0
      src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss
  24. 0
      src/skins/vector/css/matrix-react-sdk/views/login/_ServerConfig.scss
  25. 0
      src/skins/vector/css/matrix-react-sdk/views/messages/_MImageBody.scss
  26. 0
      src/skins/vector/css/matrix-react-sdk/views/messages/_MNoticeBody.scss
  27. 0
      src/skins/vector/css/matrix-react-sdk/views/messages/_MTextBody.scss
  28. 0
      src/skins/vector/css/matrix-react-sdk/views/messages/_TextualEvent.scss
  29. 0
      src/skins/vector/css/matrix-react-sdk/views/messages/_UnknownBody.scss
  30. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_Autocomplete.scss
  31. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_EntityTile.scss
  32. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss
  33. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_LinkPreviewWidget.scss
  34. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss
  35. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberInfo.scss
  36. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberList.scss
  37. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss
  38. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_PresenceLabel.scss
  39. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss
  40. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomList.scss
  41. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomPreviewBar.scss
  42. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomSettings.scss
  43. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
  44. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_SearchableEntityList.scss
  45. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_TabCompleteBar.scss
  46. 0
      src/skins/vector/css/matrix-react-sdk/views/rooms/_TopUnreadMessagesBar.scss
  47. 0
      src/skins/vector/css/matrix-react-sdk/views/settings/_DevicesPanel.scss
  48. 0
      src/skins/vector/css/matrix-react-sdk/views/settings/_IntegrationsManager.scss
  49. 0
      src/skins/vector/css/matrix-react-sdk/views/voip/_CallView.scss
  50. 0
      src/skins/vector/css/matrix-react-sdk/views/voip/_IncomingCallbox.scss
  51. 0
      src/skins/vector/css/matrix-react-sdk/views/voip/_VideoView.scss
  52. 7
      src/skins/vector/css/themes/dark.scss
  53. 4
      src/skins/vector/css/themes/light.scss
  54. 0
      src/skins/vector/css/vector-web/_fonts.scss
  55. 0
      src/skins/vector/css/vector-web/structures/_CompatibilityPage.scss
  56. 0
      src/skins/vector/css/vector-web/structures/_LeftPanel.scss
  57. 0
      src/skins/vector/css/vector-web/structures/_RightPanel.scss
  58. 0
      src/skins/vector/css/vector-web/structures/_RoomDirectory.scss
  59. 0
      src/skins/vector/css/vector-web/structures/_RoomSubList.scss
  60. 0
      src/skins/vector/css/vector-web/structures/_ViewSource.scss
  61. 0
      src/skins/vector/css/vector-web/views/context_menus/_MessageContextMenu.scss
  62. 0
      src/skins/vector/css/vector-web/views/context_menus/_NotificationStateContextMenu.scss
  63. 0
      src/skins/vector/css/vector-web/views/context_menus/_RoomTagContextMenu.scss
  64. 0
      src/skins/vector/css/vector-web/views/dialogs/_ChangelogDialog.scss
  65. 0
      src/skins/vector/css/vector-web/views/directory/_NetworkDropdown.scss
  66. 0
      src/skins/vector/css/vector-web/views/elements/_ImageView.scss
  67. 0
      src/skins/vector/css/vector-web/views/elements/_Spinner.scss
  68. 0
      src/skins/vector/css/vector-web/views/globals/_GuestWarningBar.scss
  69. 0
      src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss
  70. 0
      src/skins/vector/css/vector-web/views/messages/_MessageTimestamp.scss
  71. 0
      src/skins/vector/css/vector-web/views/messages/_SenderProfile.scss
  72. 0
      src/skins/vector/css/vector-web/views/rooms/_RoomDropTarget.scss
  73. 0
      src/skins/vector/css/vector-web/views/rooms/_RoomTooltip.scss
  74. 0
      src/skins/vector/css/vector-web/views/rooms/_SearchBar.scss
  75. 0
      src/skins/vector/css/vector-web/views/settings/_Notifications.scss
  76. 2
      src/vector/index.js
  77. 1
      webpack.config.js

6
package.json

@ -31,7 +31,7 @@
"build:config": "cpx config.json webapp/",
"build:emojione": "cpx \"node_modules/emojione/assets/svg/*\" webapp/emojione/svg/",
"build:modernizr": "modernizr -c .modernizr.json -d src/vector/modernizr.js",
"build:css": "mkdirp build && catw \"src/skins/vector/css/**/*.css\" -o build/components.css --no-watch",
"build:css": "mkdirp build && node-sass --recursive --source-map true --output build \"src/skins/vector/css\"",
"build:compile": "babel --source-maps -d lib src",
"build:bundle": "NODE_ENV=production webpack -p --progress",
"build:bundle:dev": "webpack --optimize-occurence-order --progress",
@ -44,7 +44,7 @@
"start:emojione": "cpx \"node_modules/emojione/assets/svg/*\" webapp/emojione/svg/ -w",
"start:js": "webpack-dev-server -w --progress",
"start:js:prod": "NODE_ENV=production webpack-dev-server -w --progress",
"start:skins:css": "mkdirp build && catw \"src/skins/vector/css/**/*.css\" -o build/components.css",
"start:skins:css": "mkdirp build && node-sass --recursive --watch --source-map true --output build \"src/skins/vector/css\"",
"start": "node scripts/babelcheck.js && parallelshell \"npm run start:emojione\" \"npm run start:res\" \"npm run start:config\" \"npm run start:js\" \"npm run start:skins:css\"",
"start:prod": "parallelshell \"npm run start:emojione\" \"npm run start:js:prod\" \"npm run start:skins:css\"",
"clean": "rimraf build lib webapp electron/dist",
@ -113,11 +113,13 @@
"karma-webpack": "^1.7.0",
"mkdirp": "^0.5.1",
"mocha": "^2.4.5",
"node-sass": "^4.1.1",
"parallelshell": "^1.2.0",
"phantomjs-prebuilt": "^2.1.7",
"react-addons-perf": "^15.4.0",
"react-addons-test-utils": "^15.4.0",
"rimraf": "^2.4.3",
"sass-loader": "^4.1.1",
"source-map-loader": "^0.1.5",
"webpack": "^1.12.14",
"webpack-dev-server": "^1.16.2"

0
src/skins/vector/css/common.css → src/skins/vector/css/_common.scss

0
src/skins/vector/css/matrix-react-sdk/structures/ContextualMenu.css → src/skins/vector/css/matrix-react-sdk/structures/_ContextualMenu.scss

0
src/skins/vector/css/matrix-react-sdk/structures/CreateRoom.css → src/skins/vector/css/matrix-react-sdk/structures/_CreateRoom.scss

0
src/skins/vector/css/matrix-react-sdk/structures/FilePanel.css → src/skins/vector/css/matrix-react-sdk/structures/_FilePanel.scss

0
src/skins/vector/css/matrix-react-sdk/structures/MatrixChat.css → src/skins/vector/css/matrix-react-sdk/structures/_MatrixChat.scss

0
src/skins/vector/css/matrix-react-sdk/structures/NotificationPanel.css → src/skins/vector/css/matrix-react-sdk/structures/_NotificationPanel.scss

0
src/skins/vector/css/matrix-react-sdk/structures/RoomStatusBar.css → src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss

0
src/skins/vector/css/matrix-react-sdk/structures/RoomView.css → src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss

0
src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css → src/skins/vector/css/matrix-react-sdk/structures/_SearchBox.scss

0
src/skins/vector/css/matrix-react-sdk/structures/UploadBar.css → src/skins/vector/css/matrix-react-sdk/structures/_UploadBar.scss

0
src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css → src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss

0
src/skins/vector/css/matrix-react-sdk/structures/login/Login.css → src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss

0
src/skins/vector/css/matrix-react-sdk/views/avatars/BaseAvatar.css → src/skins/vector/css/matrix-react-sdk/views/avatars/_BaseAvatar.scss

0
src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css → src/skins/vector/css/matrix-react-sdk/views/dialogs/_ChatInviteDialog.scss

0
src/skins/vector/css/matrix-react-sdk/views/dialogs/EncryptedEventDialog.css → src/skins/vector/css/matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss

0
src/skins/vector/css/matrix-react-sdk/views/dialogs/SetDisplayNameDialog.css → src/skins/vector/css/matrix-react-sdk/views/dialogs/_SetDisplayNameDialog.scss

0
src/skins/vector/css/matrix-react-sdk/views/elements/AddressSelector.css → src/skins/vector/css/matrix-react-sdk/views/elements/_AddressSelector.scss

0
src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css → src/skins/vector/css/matrix-react-sdk/views/elements/_AddressTile.scss

0
src/skins/vector/css/matrix-react-sdk/views/elements/DirectorySearchBox.css → src/skins/vector/css/matrix-react-sdk/views/elements/_DirectorySearchBox.scss

0
src/skins/vector/css/matrix-react-sdk/views/elements/MemberEventListSummary.css → src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss

0
src/skins/vector/css/matrix-react-sdk/views/elements/ProgressBar.css → src/skins/vector/css/matrix-react-sdk/views/elements/_ProgressBar.scss

0
src/skins/vector/css/matrix-react-sdk/views/elements/RichText.css → src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss

0
src/skins/vector/css/matrix-react-sdk/views/login/ServerConfig.css → src/skins/vector/css/matrix-react-sdk/views/login/_ServerConfig.scss

0
src/skins/vector/css/matrix-react-sdk/views/messages/MImageBody.css → src/skins/vector/css/matrix-react-sdk/views/messages/_MImageBody.scss

0
src/skins/vector/css/matrix-react-sdk/views/messages/MNoticeBody.css → src/skins/vector/css/matrix-react-sdk/views/messages/_MNoticeBody.scss

0
src/skins/vector/css/matrix-react-sdk/views/messages/MTextBody.css → src/skins/vector/css/matrix-react-sdk/views/messages/_MTextBody.scss

0
src/skins/vector/css/matrix-react-sdk/views/messages/TextualEvent.css → src/skins/vector/css/matrix-react-sdk/views/messages/_TextualEvent.scss

0
src/skins/vector/css/matrix-react-sdk/views/messages/UnknownBody.css → src/skins/vector/css/matrix-react-sdk/views/messages/_UnknownBody.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/Autocomplete.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_Autocomplete.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/EntityTile.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_EntityTile.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_LinkPreviewWidget.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/MemberDeviceInfo.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberInfo.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/MemberList.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberList.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/PresenceLabel.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_PresenceLabel.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/RoomHeader.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/RoomList.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomList.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/RoomPreviewBar.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomPreviewBar.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/RoomSettings.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomSettings.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/SearchableEntityList.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_SearchableEntityList.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/TabCompleteBar.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_TabCompleteBar.scss

0
src/skins/vector/css/matrix-react-sdk/views/rooms/TopUnreadMessagesBar.css → src/skins/vector/css/matrix-react-sdk/views/rooms/_TopUnreadMessagesBar.scss

0
src/skins/vector/css/matrix-react-sdk/views/settings/DevicesPanel.css → src/skins/vector/css/matrix-react-sdk/views/settings/_DevicesPanel.scss

0
src/skins/vector/css/matrix-react-sdk/views/settings/IntegrationsManager.css → src/skins/vector/css/matrix-react-sdk/views/settings/_IntegrationsManager.scss

0
src/skins/vector/css/matrix-react-sdk/views/voip/CallView.css → src/skins/vector/css/matrix-react-sdk/views/voip/_CallView.scss

0
src/skins/vector/css/matrix-react-sdk/views/voip/IncomingCallbox.css → src/skins/vector/css/matrix-react-sdk/views/voip/_IncomingCallbox.scss

0
src/skins/vector/css/matrix-react-sdk/views/voip/VideoView.css → src/skins/vector/css/matrix-react-sdk/views/voip/_VideoView.scss

7
src/skins/vector/css/themes/dark.scss

@ -0,0 +1,7 @@
// typical text (dark-on-white in light skin)
$primary-fg-color: #dddddd;
$primary-bg-color: #2d2d2d;
// button UI (white-on-green in light skin)
@import "../_components"

4
src/skins/vector/css/themes/light.scss

@ -0,0 +1,4 @@
$primary-fg-color: #454545;
$primary-bg-color: #ffffff;
@import "../_components"

0
src/skins/vector/css/vector-web/fonts.css → src/skins/vector/css/vector-web/_fonts.scss

0
src/skins/vector/css/vector-web/structures/CompatibilityPage.css → src/skins/vector/css/vector-web/structures/_CompatibilityPage.scss

0
src/skins/vector/css/vector-web/structures/LeftPanel.css → src/skins/vector/css/vector-web/structures/_LeftPanel.scss

0
src/skins/vector/css/vector-web/structures/RightPanel.css → src/skins/vector/css/vector-web/structures/_RightPanel.scss

0
src/skins/vector/css/vector-web/structures/RoomDirectory.css → src/skins/vector/css/vector-web/structures/_RoomDirectory.scss

0
src/skins/vector/css/vector-web/structures/RoomSubList.css → src/skins/vector/css/vector-web/structures/_RoomSubList.scss

0
src/skins/vector/css/vector-web/structures/ViewSource.css → src/skins/vector/css/vector-web/structures/_ViewSource.scss

0
src/skins/vector/css/vector-web/views/context_menus/MessageContextMenu.css → src/skins/vector/css/vector-web/views/context_menus/_MessageContextMenu.scss

0
src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css → src/skins/vector/css/vector-web/views/context_menus/_NotificationStateContextMenu.scss

0
src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css → src/skins/vector/css/vector-web/views/context_menus/_RoomTagContextMenu.scss

0
src/skins/vector/css/vector-web/views/dialogs/ChangelogDialog.css → src/skins/vector/css/vector-web/views/dialogs/_ChangelogDialog.scss

0
src/skins/vector/css/vector-web/views/directory/NetworkDropdown.css → src/skins/vector/css/vector-web/views/directory/_NetworkDropdown.scss

0
src/skins/vector/css/vector-web/views/elements/ImageView.css → src/skins/vector/css/vector-web/views/elements/_ImageView.scss

0
src/skins/vector/css/vector-web/views/elements/Spinner.css → src/skins/vector/css/vector-web/views/elements/_Spinner.scss

0
src/skins/vector/css/vector-web/views/globals/GuestWarningBar.css → src/skins/vector/css/vector-web/views/globals/_GuestWarningBar.scss

0
src/skins/vector/css/vector-web/views/globals/MatrixToolbar.css → src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss

0
src/skins/vector/css/vector-web/views/messages/MessageTimestamp.css → src/skins/vector/css/vector-web/views/messages/_MessageTimestamp.scss

0
src/skins/vector/css/vector-web/views/messages/SenderProfile.css → src/skins/vector/css/vector-web/views/messages/_SenderProfile.scss

0
src/skins/vector/css/vector-web/views/rooms/RoomDropTarget.css → src/skins/vector/css/vector-web/views/rooms/_RoomDropTarget.scss

0
src/skins/vector/css/vector-web/views/rooms/RoomTooltip.css → src/skins/vector/css/vector-web/views/rooms/_RoomTooltip.scss

0
src/skins/vector/css/vector-web/views/rooms/SearchBar.css → src/skins/vector/css/vector-web/views/rooms/_SearchBar.scss

0
src/skins/vector/css/vector-web/views/settings/Notifications.css → src/skins/vector/css/vector-web/views/settings/_Notifications.scss

2
src/vector/index.js

@ -30,7 +30,7 @@ require('babel-polyfill');
// CSS requires: just putting them here for now as CSS is going to be
// refactored "soon" anyway
require('../../build/components.css');
require('../../build/themes/light.css');
require('gemini-scrollbar/gemini-scrollbar.css');
require('gfm.css/gfm.css');
require('highlight.js/styles/github.css');

1
webpack.config.js

@ -25,6 +25,7 @@ module.exports = {
{ test: /\.js$/, loader: "babel", include: path.resolve('./src') },
// css-raw-loader loads CSS but doesn't try to treat url()s as require()s
{ test: /\.css$/, loader: ExtractTextPlugin.extract("css-raw-loader") },
{ test: /\.scss$/, loaders: ["style-loader", "css-loader?sourceMap", "sass-loader?sourceMap"] },
],
noParse: [
// don't parse the languages within highlight.js. They cause stack

Loading…
Cancel
Save