Browse Source

Theming (#624)

* Theming

- Custom CSS for blogs
- Custom themes for instance
- New dark theme
- UI to choose your instance theme
- Option to disable blog themes if you prefer to only have the instance theme
- UI to choose a blog theme
tags/0.4.0-alpha-4
Ana Gelez 1 year ago
committed by GitHub
parent
commit
a6c84daa1a
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
100 changed files with 58 additions and 37 deletions
  1. +1
    -4
      .gitignore
  2. +2
    -0
      Cargo.lock
  3. +0
    -0
      assets/icons/trwnh/README.md
  4. +0
    -0
      assets/icons/trwnh/avatar.png
  5. +0
    -0
      assets/icons/trwnh/avatar.svg
  6. +0
    -0
      assets/icons/trwnh/avatar2.png
  7. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack.svg
  8. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack128.png
  9. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack144.png
  10. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack16.png
  11. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack160.png
  12. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack192.png
  13. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack24.png
  14. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack256.png
  15. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack32.png
  16. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack36.png
  17. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack44.png
  18. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack48.png
  19. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack512.png
  20. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack64.png
  21. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack72.png
  22. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack80.png
  23. +0
    -0
      assets/icons/trwnh/feather-black/plumeFeatherBlack96.png
  24. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled.svg
  25. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled128.png
  26. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled144.png
  27. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled16.png
  28. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled160.png
  29. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled192.png
  30. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled24.png
  31. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled256.png
  32. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled32.png
  33. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled36.png
  34. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled44.png
  35. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled48.png
  36. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled512.png
  37. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled64.png
  38. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled72.png
  39. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled80.png
  40. +0
    -0
      assets/icons/trwnh/feather-filled/plumeFeatherFilled96.png
  41. +0
    -0
      assets/icons/trwnh/feather/plumeFeather.svg
  42. +0
    -0
      assets/icons/trwnh/feather/plumeFeather128.png
  43. +0
    -0
      assets/icons/trwnh/feather/plumeFeather144.png
  44. +0
    -0
      assets/icons/trwnh/feather/plumeFeather16.png
  45. +0
    -0
      assets/icons/trwnh/feather/plumeFeather160.png
  46. +0
    -0
      assets/icons/trwnh/feather/plumeFeather192.png
  47. +0
    -0
      assets/icons/trwnh/feather/plumeFeather24.png
  48. +0
    -0
      assets/icons/trwnh/feather/plumeFeather256.png
  49. +0
    -0
      assets/icons/trwnh/feather/plumeFeather32.png
  50. +0
    -0
      assets/icons/trwnh/feather/plumeFeather36.png
  51. +0
    -0
      assets/icons/trwnh/feather/plumeFeather44.png
  52. +0
    -0
      assets/icons/trwnh/feather/plumeFeather48.png
  53. +0
    -0
      assets/icons/trwnh/feather/plumeFeather512.png
  54. +0
    -0
      assets/icons/trwnh/feather/plumeFeather64.png
  55. +0
    -0
      assets/icons/trwnh/feather/plumeFeather72.png
  56. +0
    -0
      assets/icons/trwnh/feather/plumeFeather80.png
  57. +0
    -0
      assets/icons/trwnh/feather/plumeFeather96.png
  58. +0
    -0
      assets/icons/trwnh/ideas.svg
  59. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack.svg
  60. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack128.png
  61. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack144.png
  62. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack16.png
  63. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack160.png
  64. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack192.png
  65. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack24.png
  66. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack256.png
  67. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack32.png
  68. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack36.png
  69. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack44.png
  70. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack512.png
  71. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack64.png
  72. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack72.png
  73. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack80.png
  74. +0
    -0
      assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack96.png
  75. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs.svg
  76. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs128.png
  77. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs144.png
  78. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs16.png
  79. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs160.png
  80. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs192.png
  81. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs24.png
  82. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs256.png
  83. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs32.png
  84. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs36.png
  85. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs44.png
  86. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs48.png
  87. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs512.png
  88. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs64.png
  89. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs72.png
  90. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs80.png
  91. +0
    -0
      assets/icons/trwnh/paragraphs/plumeParagraphs96.png
  92. +0
    -0
      assets/images/audio-file.svg
  93. +0
    -0
      assets/images/default-avatar.png
  94. +0
    -0
      assets/images/feather-sprite.svg
  95. +0
    -0
      assets/images/unknown-file.svg
  96. +0
    -0
      assets/images/video-file.svg
  97. +3
    -0
      assets/themes/blog-monospace/theme.scss
  98. +24
    -24
      assets/themes/default/_article.scss
  99. +19
    -0
      assets/themes/default/_dark_variables.scss
  100. +9
    -9
      assets/themes/default/_forms.scss

+ 1
- 4
.gitignore View File

@@ -7,7 +7,7 @@ translations
.env
Rocket.toml
!.gitkeep
static/media
static
docker-compose.yml
*.db
*.sqlite
@@ -16,8 +16,5 @@ docker-compose.yml
tags.*
!tags.rs
search_index
main.css
*.wasm
*.js
.buildconfig
__pycache__

+ 2
- 0
Cargo.lock View File

@@ -2084,8 +2084,10 @@ dependencies = [
"serde_derive 1.0.91 (registry+https://github.com/rust-lang/crates.io-index)",
"serde_json 1.0.40 (registry+https://github.com/rust-lang/crates.io-index)",
"shrinkwraprs 0.2.1 (registry+https://github.com/rust-lang/crates.io-index)",

"tantivy 0.10.1 (registry+https://github.com/rust-lang/crates.io-index)",
"url 2.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
"walkdir 2.2.7 (registry+https://github.com/rust-lang/crates.io-index)",
"webfinger 0.4.1 (registry+https://github.com/rust-lang/crates.io-index)",
"whatlang 0.7.1 (registry+https://github.com/rust-lang/crates.io-index)",
]


static/icons/trwnh/README.md → assets/icons/trwnh/README.md View File


static/icons/trwnh/avatar.png → assets/icons/trwnh/avatar.png View File


static/icons/trwnh/avatar.svg → assets/icons/trwnh/avatar.svg View File


static/icons/trwnh/avatar2.png → assets/icons/trwnh/avatar2.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack.svg → assets/icons/trwnh/feather-black/plumeFeatherBlack.svg View File


static/icons/trwnh/feather-black/plumeFeatherBlack128.png → assets/icons/trwnh/feather-black/plumeFeatherBlack128.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack144.png → assets/icons/trwnh/feather-black/plumeFeatherBlack144.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack16.png → assets/icons/trwnh/feather-black/plumeFeatherBlack16.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack160.png → assets/icons/trwnh/feather-black/plumeFeatherBlack160.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack192.png → assets/icons/trwnh/feather-black/plumeFeatherBlack192.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack24.png → assets/icons/trwnh/feather-black/plumeFeatherBlack24.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack256.png → assets/icons/trwnh/feather-black/plumeFeatherBlack256.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack32.png → assets/icons/trwnh/feather-black/plumeFeatherBlack32.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack36.png → assets/icons/trwnh/feather-black/plumeFeatherBlack36.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack44.png → assets/icons/trwnh/feather-black/plumeFeatherBlack44.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack48.png → assets/icons/trwnh/feather-black/plumeFeatherBlack48.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack512.png → assets/icons/trwnh/feather-black/plumeFeatherBlack512.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack64.png → assets/icons/trwnh/feather-black/plumeFeatherBlack64.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack72.png → assets/icons/trwnh/feather-black/plumeFeatherBlack72.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack80.png → assets/icons/trwnh/feather-black/plumeFeatherBlack80.png View File


static/icons/trwnh/feather-black/plumeFeatherBlack96.png → assets/icons/trwnh/feather-black/plumeFeatherBlack96.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled.svg → assets/icons/trwnh/feather-filled/plumeFeatherFilled.svg View File


static/icons/trwnh/feather-filled/plumeFeatherFilled128.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled128.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled144.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled144.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled16.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled16.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled160.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled160.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled192.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled192.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled24.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled24.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled256.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled256.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled32.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled32.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled36.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled36.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled44.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled44.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled48.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled48.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled512.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled512.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled64.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled64.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled72.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled72.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled80.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled80.png View File


static/icons/trwnh/feather-filled/plumeFeatherFilled96.png → assets/icons/trwnh/feather-filled/plumeFeatherFilled96.png View File


static/icons/trwnh/feather/plumeFeather.svg → assets/icons/trwnh/feather/plumeFeather.svg View File


static/icons/trwnh/feather/plumeFeather128.png → assets/icons/trwnh/feather/plumeFeather128.png View File


static/icons/trwnh/feather/plumeFeather144.png → assets/icons/trwnh/feather/plumeFeather144.png View File


static/icons/trwnh/feather/plumeFeather16.png → assets/icons/trwnh/feather/plumeFeather16.png View File


static/icons/trwnh/feather/plumeFeather160.png → assets/icons/trwnh/feather/plumeFeather160.png View File


static/icons/trwnh/feather/plumeFeather192.png → assets/icons/trwnh/feather/plumeFeather192.png View File


static/icons/trwnh/feather/plumeFeather24.png → assets/icons/trwnh/feather/plumeFeather24.png View File


static/icons/trwnh/feather/plumeFeather256.png → assets/icons/trwnh/feather/plumeFeather256.png View File


static/icons/trwnh/feather/plumeFeather32.png → assets/icons/trwnh/feather/plumeFeather32.png View File


static/icons/trwnh/feather/plumeFeather36.png → assets/icons/trwnh/feather/plumeFeather36.png View File


static/icons/trwnh/feather/plumeFeather44.png → assets/icons/trwnh/feather/plumeFeather44.png View File


static/icons/trwnh/feather/plumeFeather48.png → assets/icons/trwnh/feather/plumeFeather48.png View File


static/icons/trwnh/feather/plumeFeather512.png → assets/icons/trwnh/feather/plumeFeather512.png View File


static/icons/trwnh/feather/plumeFeather64.png → assets/icons/trwnh/feather/plumeFeather64.png View File


static/icons/trwnh/feather/plumeFeather72.png → assets/icons/trwnh/feather/plumeFeather72.png View File


static/icons/trwnh/feather/plumeFeather80.png → assets/icons/trwnh/feather/plumeFeather80.png View File


static/icons/trwnh/feather/plumeFeather96.png → assets/icons/trwnh/feather/plumeFeather96.png View File


static/icons/trwnh/ideas.svg → assets/icons/trwnh/ideas.svg View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack.svg → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack.svg View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack128.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack128.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack144.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack144.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack16.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack16.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack160.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack160.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack192.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack192.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack24.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack24.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack256.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack256.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack32.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack32.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack36.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack36.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack44.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack44.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack512.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack512.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack64.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack64.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack72.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack72.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack80.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack80.png View File


static/icons/trwnh/paragraphs-black/plumeParagraphsBlack96.png → assets/icons/trwnh/paragraphs-black/plumeParagraphsBlack96.png View File


static/icons/trwnh/paragraphs/plumeParagraphs.svg → assets/icons/trwnh/paragraphs/plumeParagraphs.svg View File


static/icons/trwnh/paragraphs/plumeParagraphs128.png → assets/icons/trwnh/paragraphs/plumeParagraphs128.png View File


static/icons/trwnh/paragraphs/plumeParagraphs144.png → assets/icons/trwnh/paragraphs/plumeParagraphs144.png View File


static/icons/trwnh/paragraphs/plumeParagraphs16.png → assets/icons/trwnh/paragraphs/plumeParagraphs16.png View File


static/icons/trwnh/paragraphs/plumeParagraphs160.png → assets/icons/trwnh/paragraphs/plumeParagraphs160.png View File


static/icons/trwnh/paragraphs/plumeParagraphs192.png → assets/icons/trwnh/paragraphs/plumeParagraphs192.png View File


static/icons/trwnh/paragraphs/plumeParagraphs24.png → assets/icons/trwnh/paragraphs/plumeParagraphs24.png View File


static/icons/trwnh/paragraphs/plumeParagraphs256.png → assets/icons/trwnh/paragraphs/plumeParagraphs256.png View File


static/icons/trwnh/paragraphs/plumeParagraphs32.png → assets/icons/trwnh/paragraphs/plumeParagraphs32.png View File


static/icons/trwnh/paragraphs/plumeParagraphs36.png → assets/icons/trwnh/paragraphs/plumeParagraphs36.png View File


static/icons/trwnh/paragraphs/plumeParagraphs44.png → assets/icons/trwnh/paragraphs/plumeParagraphs44.png View File


static/icons/trwnh/paragraphs/plumeParagraphs48.png → assets/icons/trwnh/paragraphs/plumeParagraphs48.png View File


static/icons/trwnh/paragraphs/plumeParagraphs512.png → assets/icons/trwnh/paragraphs/plumeParagraphs512.png View File


static/icons/trwnh/paragraphs/plumeParagraphs64.png → assets/icons/trwnh/paragraphs/plumeParagraphs64.png View File


static/icons/trwnh/paragraphs/plumeParagraphs72.png → assets/icons/trwnh/paragraphs/plumeParagraphs72.png View File


static/icons/trwnh/paragraphs/plumeParagraphs80.png → assets/icons/trwnh/paragraphs/plumeParagraphs80.png View File


static/icons/trwnh/paragraphs/plumeParagraphs96.png → assets/icons/trwnh/paragraphs/plumeParagraphs96.png View File


static/images/audio-file.svg → assets/images/audio-file.svg View File


static/default-avatar.png → assets/images/default-avatar.png View File


static/images/feather-sprite.svg → assets/images/feather-sprite.svg View File


static/images/unknown-file.svg → assets/images/unknown-file.svg View File


static/images/video-file.svg → assets/images/video-file.svg View File


+ 3
- 0
assets/themes/blog-monospace/theme.scss View File

@@ -0,0 +1,3 @@
* {
font-family: monospace;
}

static/css/_article.scss → assets/themes/default/_article.scss View File

@@ -1,8 +1,8 @@
// Heading
main header.article {
overflow: hidden;
background: $white;
color: $black;
background: $background;
color: $text-color;
display: grid;
background-size: cover;
background-position: center;
@@ -52,14 +52,14 @@ main header.article {

height: 100%;
width: 100%;
background: linear-gradient(180deg, transparent 20vh, black 80vh);
background: linear-gradient(180deg, transparent 20vh, $black 80vh);
}

& > img {
z-index: 1;
min-width: 100%;
min-height: 100%;
background: $purple;
background: $primary;
}
}

@@ -141,7 +141,7 @@ main .article-meta {
padding: 0px;
margin: 0px 10px 10px 0px;
transition: all 0.2s ease-in;
border: 1px solid $purple;
border: 1px solid $primary;

a {
display: inline-block;
@@ -149,7 +149,7 @@ main .article-meta {
}

&:hover {
background: transparentize($purple, 0.9);
background: transparentize($primary, 0.9);
}
}
}
@@ -181,7 +181,7 @@ main .article-meta {
margin: 0;
padding: 0;
background: none;
color: $black;
color: $text-color;
border: none;
font-size: 1.1em;
cursor: pointer;
@@ -201,7 +201,7 @@ main .article-meta {

&.reshared, &.liked {
svg.feather {
color: $white;
color: $background;
font-weight: 900;
}
}
@@ -234,26 +234,26 @@ main .article-meta {
}

.reshares {
p, .action:hover { color: $purple; }
p, .action:hover { color: $primary; }

.action svg.feather {
padding: 0.7em;
box-sizing: border-box;
color: $purple;
border: solid $purple thin;
color: $primary;
border: solid $primary thin;
font-weight: 600;
}

.action:hover svg.feather {
background: transparentize($purple, 0.85);
background: transparentize($primary, 0.85);
}

.action.reshared svg.feather {
background: $purple;
background: $primary;
}
.action.reshared:hover svg.feather {
background: transparentize($purple, 0.75)
color: $purple;
background: transparentize($primary, 0.75)
color: $primary;
}
}

@@ -262,7 +262,7 @@ main .article-meta {
margin: 0 $horizontal-margin;

h2 {
color: $purple;
color: $primary;
font-size: 1.5em;
font-weight: 600;
}
@@ -281,17 +281,17 @@ main .article-meta {
a.button, form.inline, form.inline input {
padding: 0;
background: none;
color: $black;
color: $text-color;
margin-right: 2em;
font-family: $route159;
font-weight: normal;

&::before {
color: $purple;
color: $primary;
padding-right: 0.5em;
}

&:hover { color: $purple; }
&:hover { color: $primary; }
}

.comment {
@@ -325,7 +325,7 @@ main .article-meta {
}

.dt-published a {
color: transparentize($black, 0.6);
color: transparentize($text-color, 0.6);
}

.author {
@@ -339,11 +339,11 @@ main .article-meta {
}

.display-name {
color: $black;
color: $text-color;
}

&:hover {
.display-name { color: $purple; }
.display-name { color: $primary; }
small { opacity: 1; }
}
}
@@ -384,7 +384,7 @@ main .article-meta {
}

.placeholder {
color: transparentize($black, 0.6);
color: transparentize($text-color, 0.6);
}

article {
@@ -400,7 +400,7 @@ main .article-meta {
left: 20vw;
right: 20vw;
background: $gray;
border: 1px solid $purple;
border: 1px solid $primary;
z-index: 2;
padding: 2em;
overflow-y: auto;

+ 19
- 0
assets/themes/default/_dark_variables.scss View File

@@ -0,0 +1,19 @@
@import '_variables';

// Color Scheme
$gray: #1a3854;
$black: #102e4a;
$white: #F8F8F8;
$purple: #7765E3;
$lightpurple: #c2bbee;
$red: #d16666;
$yellow: #ff934f;
$blue: #7f96ff;

$background: $black;
$form-input-background: $gray;
$form-input-border: $white;
$text-color: $white;
$primary: $purple;
$primary-text-color: $white; // text color on primary background (buttons for instance)
$success-color: $blue;

static/css/_forms.scss → assets/themes/default/_forms.scss View File

@@ -13,14 +13,14 @@ input, textarea, select {
-webkit-appearance: textarea;

background: $form-input-background;
color: $black;
border: solid $black thin;
color: $text-color;
border: solid $form-input-border thin;

font-size: 1.2em;
font-weight: 400;

&:focus {
border-color: $purple;
border-color: $primary;
}
}
form input[type="submit"] {
@@ -64,7 +64,7 @@ form.inline {
padding: 0;
border: none;
background: transparent;
color: $purple;
color: $primary;
font-weight: normal;
}
}
@@ -78,15 +78,15 @@ form.inline {
margin: 0.5em auto;
padding: 0.75em 1em;

background: $purple;
color: $white;
background: $primary;
color: $primary-text-color;
font-weight: bold;
border: none;

cursor: pointer;

&:hover {
background: transparentize($purple, 0.1);
background: transparentize($primary, 0.1);
}

&.destructive {
@@ -99,10 +99,10 @@ form.inline {

&.secondary {
background: $gray;
color: $black;
color: $text-color;

&:hover {
background: transparentize($black, 0.9);
background: transparentize($text-color, 0.9);
}
}
}

Some files were not shown because too many files changed in this diff

Loading…
Cancel
Save