pub / ktistec-tweaks

Tweaks for the ActivityPub server ktistec
git clone https://src.jayvii.de/pub/ktistec-tweaks.git
Home | Log | Files | Exports | Refs | Submodules | README | RSS

purpleish.css (1951B)


      1 /* Set main colours for the purpleish theme */
      2 :root {
      3     --text-primary: #1d1e26;
      4     --text-primary-inverted: #dcdcdc;
      5     --text-secondary: #3f426c;
      6     --text-muted: #1d1e2699;
      7 
      8     --bg-primary: #f8f8f2;
      9     --bg-hover: #f8f8f220;
     10     --bg-transparent: #f8f8f280;
     11     --bg-icon-menu: #e3e3d9;
     12 
     13     --bg-accent-code: var(--bg-icon-menu);
     14     --bg-accent-pre: var(--bg-accent-code);
     15     --bg-input: var(--bg-icon-menu);
     16     --bg-label: var(--bg-icon-menu);
     17 
     18     --semantic-primary: #7277cf;
     19     --semantic-affirmative: var(--semantic-primary);
     20     --semantic-negative: #ff0000;
     21     --semantic-dangerous: #ff0000;
     22     --semantic-dangerous-hover: #cc0000;
     23 
     24     --color-blue: var(--semantic-primary);
     25     --color-purple: var(--semantic-primary);
     26     --color-yellow: var(--semantic-primary);
     27 
     28     --border-color: var(--text-secondary);
     29     --anchor-color: var(--semantic-primary);
     30 }
     31 
     32 /* Dark colours for the purpleish theme */
     33 @media (prefers-color-scheme: dark) {
     34   :root
     35   {
     36     --text-primary: #dcdcdc;
     37     --text-primary-inverted: #1d1e26;
     38     --text-secondary: #dcdcdc99;
     39     --text-muted: #dcdcdc80;
     40 
     41     --bg-primary: #212121;
     42     --bg-hover: #21212120;
     43     --bg-transparent: #21212180;
     44     --bg-icon-menu: #2b2b2b;
     45   }
     46 }
     47 
     48 /* Workaround >=v2.4.15:
     49  * Style Text in Admin Menu
     50  */
     51 .ui.very.relaxed.list > .item > .content > a {
     52   color: var(--semantic-primary) !important;
     53 }
     54 .ui.very.relaxed.list > .item > .content > .description {
     55   color: var(--text-primary);
     56 }
     57 
     58 /* Style Posts and Post Threads as Cards */
     59  section.ui.feed > turbo-frame {
     60    border-radius: 10px;
     61    background-color: var(--bg-icon-menu) !important;
     62    margin-top: 0.5em !important;
     63    margin-bottom: 0.5em !important;
     64    padding: 0.5em !important;
     65    box-shadow: 3px 3px 10px #00000080;
     66 }
     67 
     68 /* Style Pagination Buttons */
     69 .ui.secondary.pagination.menu > a {
     70    border-radius: 5px;
     71    background-color: var(--bg-icon-menu) !important;
     72    box-shadow: 3px 3px 10px #00000080;
     73 }