Browse Source

Merge branch 'theme_light' into cybrespace

kɜ:ʳ cybredragon 4 months ago
parent
commit
8da4fc973b

BIN
app/javascript/images/background-cybre-light.png View File


BIN
app/javascript/images/logo-cybre-light.png View File


+ 950
- 0
app/javascript/styles/cybre-light.scss View File

@@ -0,0 +1,950 @@
1
+$success-green: #B64579;    // Padua
2
+
3
+$ui-base-color: #f7e8ed; // "darkest"
4
+$ui-base-alt: #f9f2f5;
5
+$ui-base-lighter-color: darken($ui-base-color, 40%); // Lighter darkest
6
+$ui-secondary-color: #ead0d6; // "lightest"
7
+$ui-primary-color: #bf5677; // "lighter"
8
+$ui-highlight-color: #bf5677; // "vibrant"
9
+$primary-text-color: #382b32;
10
+$dark-text-color: #ca748f;
11
+$secondary-text-color: #382b32;
12
+
13
+$header-color: $ui-primary-color;
14
+$header-text-color: #fff;
15
+$icon-button-inactive-color: lighten(desaturate($ui-base-lighter-color, 20%), 20%);
16
+$action-button-color: $icon-button-inactive-color;
17
+
18
+$about-page-text: $primary-text-color;
19
+
20
+@import 'application';
21
+@import 'cybre-base';
22
+
23
+
24
+$gold-star: #dd9d08;
25
+
26
+/* cybre-specific additions */
27
+
28
+.column .static-content.getting-started {
29
+  background-image: url('../images/logo-cybre-light.png');
30
+  background-size:auto 50%;
31
+  background-position: 50% 75%;
32
+  background-repeat:no-repeat;
33
+}
34
+
35
+.ui, body {
36
+  background: $ui-base-color url('../images/background-cybre-light.png');
37
+}
38
+
39
+.drawer__inner__mastodon {
40
+  display: none;
41
+}
42
+
43
+.landing-page .header-wrapper {
44
+    background-image:url('../images/header-cybre-alt.jpg');
45
+    background-size:cover;
46
+    background-position:50% 50%;
47
+}
48
+
49
+.landing-page.alternative .header {
50
+    background-image:url('../images/header-cybre-colour.jpg');
51
+    background-repeat: repeat-x;
52
+    background-size:contain;
53
+    height:45vh;
54
+    width: 100%;
55
+    position:absolute;
56
+    z-index: 1;
57
+    text-align:center;
58
+
59
+    display: unset!important;
60
+}
61
+
62
+.landing-page.alternative .header img {
63
+    margin: auto;
64
+    max-height:45vh;
65
+}
66
+
67
+
68
+.landing-page.alternative .grid {
69
+    position: relative;
70
+    z-index:2;
71
+    margin-top:15vh;
72
+}
73
+
74
+.landing-page.alternative .landing-page__hero img {
75
+    visibility: hidden;
76
+    max-height:170px;
77
+}
78
+
79
+.landing-page.alternative .landing-page__forms {
80
+    height:auto;
81
+}
82
+
83
+.landing-page.alternative .column-1 {
84
+    display:flex;
85
+    align-items:flex-end;
86
+}
87
+
88
+.landing-page.alternative .column {
89
+    max-height:initial;
90
+}
91
+
92
+.landing-page.alternative .row__mascot {
93
+    .floats {
94
+        position:absolute;
95
+        img {
96
+            width:100%;
97
+            height:100%;
98
+        }
99
+        transition: all 0.1s linear;
100
+        animation-name: floating;
101
+        animation-iteration-count: infinite;
102
+        animation-direction: alternate;
103
+        animation-timing-function: ease-in-out;
104
+    }
105
+
106
+    .float-1 {
107
+        width:50px;
108
+        height:50px;
109
+        bottom:60px;
110
+        left:110px;
111
+        animation-duration: 3s;
112
+    }
113
+
114
+    .float-2 {
115
+        width:130px;
116
+        height:130px;
117
+        left:85px;
118
+        bottom: -60px;
119
+        animation-duration: 3.5s;
120
+        animation-delay: 0.2s;
121
+    }
122
+
123
+    .float-3 {
124
+        width:100px;
125
+        height:100px;
126
+        right: 50;
127
+        top: -10px;
128
+        animation-duration: 4s;
129
+        animation-delay: 0.5s;
130
+    }
131
+}
132
+
133
+/* about.scss */
134
+
135
+.landing-page {
136
+  h1 {
137
+    color: $about-page-text;
138
+    small {
139
+      color: lighten($about-page-text, 10%);
140
+    }
141
+  }
142
+  p, li {
143
+    color: $about-page-text;
144
+  }
145
+
146
+  .header-wrapper {
147
+    padding-top:0px;
148
+
149
+    background-size:cover;
150
+    background-position:50% 55%;
151
+  }
152
+
153
+  .header-wrapper {
154
+    .mascot {
155
+        width:500px;
156
+        bottom:-52px;
157
+        left:-120px;
158
+    }
159
+  }
160
+
161
+  .container.links {
162
+     background-color: $ui-base-color;
163
+     border-top: 5px solid $ui-primary-color;
164
+     width:100%;
165
+     max-width:100%;
166
+     padding:0px calc(50% - 400px);
167
+
168
+     a {
169
+        &:hover {
170
+          color: lighten($ui-primary-color, 10%);
171
+        }
172
+     }
173
+  }
174
+
175
+  .container.hero {
176
+      .floats {
177
+          display:none;
178
+      }
179
+
180
+      .closed-registrations-message, form {
181
+          border-top: 50px solid #5f4770;
182
+          -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
183
+          box-shadow: 0 0 6px rgba(0,0,0,.1);
184
+
185
+          &:before {
186
+              font-size: 16px;
187
+              font-family:inherit;
188
+              line-height:inherit;
189
+              font-weight:normal;
190
+              color:white;
191
+              position:absolute;
192
+              top:-35px;
193
+          }
194
+      }
195
+
196
+      .closed-registrations-message:before {
197
+          content: "Registrations closed";
198
+      }
199
+
200
+      form:before {
201
+          content: "Register now";
202
+      }
203
+  }
204
+
205
+  #mastodon-timeline {
206
+    .column-header {
207
+      color:white;
208
+    }
209
+  }
210
+}
211
+
212
+.features-list__row {
213
+  .text {
214
+    color: $about-page-text;
215
+  }
216
+}
217
+
218
+.information-board {
219
+  .panel {
220
+    .panel-header {
221
+      color: $primary-text-color;
222
+      border-bottom: 1px solid lighten($ui-secondary-color, 4%);
223
+
224
+      a,
225
+      span {
226
+        font-weight: 400;
227
+        color: lighten($ui-primary-color, 4%);
228
+      }
229
+    }
230
+  }
231
+}
232
+
233
+/* components.scss */
234
+
235
+.onboarding-modal__page {
236
+  p {
237
+    color: $primary-text-color;
238
+  }
239
+}
240
+
241
+.column-header {
242
+  background: $header-color;
243
+  color: $header-text-color;
244
+  border-top-left-radius: 3px;
245
+  border-top-right-radius: 3px;
246
+  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
247
+}
248
+
249
+.column-header__button {
250
+  background: $header-color;
251
+  color: $header-text-color;
252
+  border-top-right-radius: 3px;
253
+
254
+  &:hover {
255
+    color: darken($ui-base-color, 10%);
256
+  }
257
+
258
+  &.active {
259
+    color: $primary-text-color;
260
+    background: darken($ui-base-color, 5%);
261
+
262
+    &:hover {
263
+      background: darken($ui-base-color, 5%);
264
+    }
265
+  }
266
+}
267
+
268
+// selectivity -- needs to override .column-header > button
269
+.column-header .column-header__back-button {
270
+  background: $header-color;
271
+  color:$header-text-color;
272
+}
273
+
274
+.column-back-button {
275
+  background: $header-color;
276
+  color:$header-text-color;
277
+}
278
+
279
+.column-header__collapsible-inner {
280
+  background: darken($ui-base-alt, 2%);
281
+}
282
+
283
+.empty-column-indicator,
284
+.error-column {
285
+  color: darken($ui-base-lighter-color, 15%);
286
+}
287
+
288
+
289
+.compose-form {
290
+  .autosuggest-textarea__textarea,
291
+  .spoiler-input__input {
292
+    color: $primary-text-color;
293
+    border: 1px solid $ui-primary-color;
294
+  }
295
+
296
+  .autosuggest-textarea__textarea {
297
+    border-bottom-width:0px;
298
+  }
299
+  .compose-form__modifiers {
300
+    border: 1px solid $ui-primary-color;
301
+    border-top-width:0px;
302
+  }
303
+
304
+  .compose-form__buttons button.active:last-child {
305
+    border-radius:3px;
306
+    background: $ui-base-color;
307
+    color: $ui-primary-color;
308
+  }
309
+  .compose-form__buttons-wrapper {
310
+    background-color:$ui-primary-color;
311
+  }
312
+
313
+  .icon-button.inverted {
314
+    color:white;
315
+
316
+    &:hover {
317
+      color:$ui-secondary-color;
318
+    }
319
+  }
320
+}
321
+
322
+button.icon-button {
323
+  &.disabled {
324
+  }
325
+}
326
+
327
+.icon-button {
328
+  &.inverted {
329
+    color: darken($ui-base-lighter-color, 10%);
330
+  }
331
+
332
+  &.overlayed {
333
+    background: rgba($base-overlay-background, 0.2);
334
+    color: rgba($white, 0.7);
335
+
336
+    &:hover {
337
+      background: rgba($base-overlay-background, 0.4);
338
+    }
339
+  }
340
+
341
+  &.disabled {
342
+    color: desaturate($icon-button-inactive-color, 5%);
343
+
344
+    &:hover,
345
+    &:active,
346
+    &:focus {
347
+      color: desaturate($icon-button-inactive-color, 5%);
348
+    }
349
+  }
350
+
351
+  color: $icon-button-inactive-color;
352
+
353
+  &:hover,
354
+  &:active,
355
+  &:focus {
356
+    color: darken($icon-button-inactive-color, 5%);
357
+  }
358
+}
359
+
360
+.icon-button.star-icon,
361
+.icon-button.star-icon:active {
362
+  background:transparent;
363
+  border:none;
364
+}
365
+
366
+.icon-button.star-icon.active {
367
+  color: $gold-star;
368
+  &:active,  &:hover, &:focus {
369
+    color: $gold-star;
370
+  }
371
+}
372
+
373
+.text-icon-button {
374
+  color: $white;
375
+  &.active {
376
+    background: $ui-base-color;
377
+    color: $ui-primary-color;
378
+  }
379
+  &:focus, &:hover {
380
+    color: darken($ui-base-color, 3%);
381
+  }
382
+}
383
+.status.status-direct {
384
+  background: darken($ui-base-alt, 5%);
385
+  .icon-button.disabled {
386
+    color: lighten($ui-base-lighter-color, 10%);
387
+  }
388
+}
389
+
390
+.account__header, .account-card {
391
+  & > div {
392
+    background: rgba(lighten($ui-base-color, 4%), 0.6);
393
+  }
394
+
395
+  .account__header__content {
396
+    color: $primary-text-color;
397
+  }
398
+
399
+  .detailed-status__display-name .display-name strong {
400
+    color: $ui-highlight-color;
401
+  }
402
+
403
+  .icon-button {
404
+    &, &:hover {
405
+      color:desaturate($ui-base-lighter-color, 20%);
406
+    }
407
+    &.active {
408
+      &, &:hover {
409
+        color:$ui-base-lighter-color;
410
+      }
411
+    }
412
+  }
413
+}
414
+
415
+.account__section-headline a {
416
+  &.active {
417
+    color: $primary-text-color;
418
+
419
+    &::after {
420
+      border-bottom-color: $ui-base-alt;
421
+    }
422
+
423
+    &::after {
424
+      border-bottom-color: $ui-base-alt;
425
+    }
426
+  }
427
+}
428
+
429
+.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {
430
+    color: $ui-primary-color;
431
+}
432
+
433
+.privacy-dropdown__option {
434
+  color: $primary-text-color;
435
+
436
+  strong {
437
+    color: $primary-text-color;
438
+  }
439
+
440
+  &:hover,
441
+  &.active {
442
+    color: $white;
443
+
444
+    .privacy-dropdown__option__content {
445
+      color: $white;
446
+
447
+      strong {
448
+        color: $white;
449
+      }
450
+    }
451
+  }
452
+}
453
+
454
+.emoji-picker-dropdown__menu {
455
+  .emoji-search-wrapper {
456
+    border-color: darken($ui-base-color, 10%);
457
+  }
458
+  .emoji-search {
459
+    background: darken($ui-base-color, 5%);
460
+    border-color: darken($ui-base-color, 10%);
461
+  }
462
+  .emoji-mart {
463
+    color: $ui-primary-color;
464
+  }
465
+}
466
+
467
+.search-popout {
468
+  background: $ui-base-color;
469
+  color: $ui-primary-color;
470
+
471
+  h4 {
472
+    color: $ui-primary-color;
473
+  }
474
+
475
+  em {
476
+    color: $ui-highlight-color;
477
+  }
478
+}
479
+.search__icon .fa.active {
480
+  opacity:1.0;
481
+}
482
+.search-results__hashtag {
483
+  color: darken($ui-primary-color, 10%);
484
+  &:hover {
485
+    color: lighten($ui-primary-color, 5%);
486
+  }
487
+}
488
+
489
+.static-content {
490
+    /*color: $primary-text-color;*/
491
+}
492
+
493
+#Getting-started {
494
+  background: $ui-primary-color;
495
+  border-bottom:0px;
496
+  color:white;
497
+}
498
+
499
+.getting-started {
500
+  p {
501
+    color: $primary-text-color;
502
+  }
503
+
504
+  a {
505
+    color: darken($ui-base-lighter-color, 10%);
506
+  }
507
+}
508
+.getting-started__wrapper {
509
+  flex: 0 0.5 auto;
510
+}
511
+
512
+.getting-started {
513
+  .column-link {
514
+    background: lighten($ui-primary-color, 5%);
515
+    color:$white;
516
+    &:hover {
517
+      background: lighten($ui-primary-color, 10%);
518
+    }
519
+  }
520
+}
521
+.column-link__badge {
522
+  background: saturate(darken($ui-primary-color, 5%), 5%);
523
+}
524
+.column-subheading {
525
+  background: darken($ui-primary-color, 5%);
526
+  color:$white;
527
+}
528
+
529
+.media-spoiler,
530
+.video-player__spoiler.active {
531
+  color: $white;
532
+  &:hover {
533
+    color: darken($white, 5%);
534
+  }
535
+}
536
+
537
+.status {
538
+  border-bottom: 1px solid $ui-secondary-color;
539
+}
540
+
541
+.status__relative-time, .status__display-name {
542
+  color: darken($ui-base-color, 40%);
543
+}
544
+
545
+.status__content {
546
+  .status__content__spoiler-link {
547
+    background: $ui-base-lighter-color;
548
+
549
+    &:hover {
550
+      background: lighten($ui-base-lighter-color, 5%);
551
+    }
552
+  }
553
+}
554
+
555
+.muted .status__content p {
556
+  color: $icon-button-inactive-color;
557
+}
558
+
559
+.dropdown-menu__item {
560
+  & > a {
561
+    color: $primary-text-color;
562
+    &:hover, &:active, &:focus {
563
+      color: $white;
564
+    }
565
+  }
566
+}
567
+
568
+.dropdown--active .dropdown__content {
569
+  & > ul {
570
+    background: $ui-base-color;
571
+    box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);
572
+    & > li > a {
573
+      background: $ui-base-color;
574
+      color: $primary-text-color;
575
+
576
+      &:hover {
577
+        background: $ui-highlight-color;
578
+        color: $ui-base-color;
579
+      }
580
+    }
581
+  }
582
+}
583
+
584
+.boost-modal,
585
+.confirmation-modal,
586
+.report-modal,
587
+.actions-modal,
588
+.mute-modal
589
+{
590
+  color: $primary-text-color;
591
+}
592
+.boost-modal__action-bar,
593
+.confirmation-modal__action-bar,
594
+.mute-modal__action-bar,
595
+.report-modal__action-bar,
596
+.mute-modal__action-bar  {
597
+  & > div {
598
+    color: $ui-primary-color;
599
+  }
600
+}
601
+
602
+.actions-modal
603
+{
604
+  ul {
605
+    li:not(:empty) {
606
+      a {
607
+        color: $primary-text-color;
608
+        button {
609
+
610
+        }
611
+        &.active, &:hover, &:active, &:focus {
612
+          color: $white;
613
+          button {
614
+            color: $white;
615
+          }
616
+        }
617
+      }
618
+    }
619
+  }
620
+}
621
+
622
+.react-toggle-track {
623
+  background-color: $icon-button-inactive-color;
624
+}
625
+
626
+.report-modal__comment .setting-text {
627
+  color: $primary-text-color;
628
+  border-bottom-color: lighten($ui-primary-color, 10%);
629
+  &:focus, &:active {
630
+    color: $primary-text-color;
631
+  }
632
+}
633
+
634
+.status.light {
635
+  .status__content {
636
+    color: $primary-text-color;
637
+  }
638
+  .display-name strong {
639
+    color: $primary-text-color;
640
+  }
641
+}
642
+
643
+.reply-indicator__content a {
644
+  color: lighten($ui-highlight-color, 30%);
645
+}
646
+
647
+.status__content
648
+{
649
+  a {
650
+    color: $ui-highlight-color;
651
+
652
+    &:hover {
653
+      .fa {
654
+        color: darken($ui-base-color, 40%);
655
+      }
656
+    }
657
+  }
658
+}
659
+
660
+.detailed-status__display-name {
661
+  color: $ui-base-lighter-color;
662
+}
663
+
664
+.drawer .drawer__inner {
665
+  overflow: visible;
666
+  height:inherit;
667
+  background:$ui-base-alt;
668
+}
669
+
670
+.search__icon .fa {
671
+  color: $ui-highlight-color;
672
+}
673
+
674
+.drawer__pager {
675
+  overflow-y:auto;
676
+}
677
+
678
+.drawer .drawer__header {
679
+  background: $ui-base-color;
680
+  border-radius:3px;
681
+}
682
+
683
+.onboarding-modal__page h1 {
684
+  background-color: darken($ui-primary-color, 5%);
685
+}
686
+
687
+.poll__text input[type="text"],
688
+.compose-form__poll-wrapper select {
689
+  color: $primary-text-color;
690
+}
691
+
692
+.compose-form__poll-wrapper .button.button-secondary {
693
+  color: $ui-highlight-color;
694
+}
695
+
696
+/* forms.scss */
697
+.block-button, .button, button {
698
+  background-color: $ui-primary-color;
699
+  color: $white;
700
+
701
+  &.button-alternative {
702
+    color: $ui-base-color;
703
+  }
704
+
705
+  &.logo-button {
706
+    color: $white;
707
+    svg path:first-child {
708
+      fill: $white;
709
+    }
710
+  }
711
+}
712
+
713
+.simple_form {
714
+  p.hint {
715
+    color: $primary-text-color;
716
+  }
717
+
718
+  .block-button, .button, button {
719
+    background-color: $ui-primary-color;
720
+    color: $white;
721
+
722
+    &:hover {
723
+      background-color: lighten($ui-primary-color, 5%);
724
+    }
725
+
726
+    &:active,
727
+    &:focus {
728
+      background-color: darken($ui-primary-color, 5%);
729
+    }
730
+
731
+  }
732
+}
733
+
734
+/* admin.scss */
735
+
736
+.table > thead > tr > th {
737
+  border-bottom-color:  $ui-secondary-color;
738
+}
739
+
740
+.simple_form h4 {
741
+  border-bottom: 1px solid $ui-highlight-color;
742
+}
743
+
744
+.admin-wrapper {
745
+  .content {
746
+    h2, p.hint, h4, h6 {
747
+      color: $primary-text-color;
748
+    }
749
+
750
+    .muted-hint {
751
+      color: $primary-text-color;
752
+    }
753
+  }
754
+
755
+  .sidebar {
756
+    .logo {
757
+      -webkit-filter: invert(100%);
758
+      filter: invert(100%);
759
+    }
760
+
761
+    ul {
762
+      ul {
763
+        a {
764
+          &.selected {
765
+            background-color: $ui-primary-color;
766
+            color: $white;
767
+
768
+            &:hover {
769
+              background-color: lighten($ui-primary-color, 10%);
770
+            }
771
+          }
772
+        }
773
+      }
774
+      a {
775
+        &.selected {
776
+          background-color: $ui-primary-color;
777
+          color: $white;
778
+
779
+          &:hover {
780
+            background-color: lighten($ui-primary-color, 10%);
781
+          }
782
+        }
783
+      }
784
+    }
785
+  }
786
+}
787
+
788
+.pagination .current {
789
+  color: $ui-primary-color;
790
+}
791
+
792
+.report-accounts__item > strong {
793
+  color: $primary-text-color;
794
+}
795
+
796
+.admin-wrapper .content { 
797
+  & > p {
798
+    color: $primary-text-color;
799
+  }
800
+  hr {
801
+    border-color: $ui-highlight-color;
802
+  }
803
+}
804
+
805
+/* accounts.scss */
806
+.card {
807
+  .name {
808
+    color: $white;
809
+  }
810
+
811
+  .counter {
812
+    .counter-number {
813
+      color: $white;
814
+    }
815
+  }
816
+}
817
+
818
+/* stream_entries.scss */
819
+.activity-stream {
820
+  .entry {
821
+  }
822
+  .status.light {
823
+    .display-name {
824
+      strong {
825
+        color: $primary-text-color;
826
+      }
827
+    }
828
+    .status__content {
829
+      color: $primary-text-color;
830
+    }
831
+  }
832
+  .detailed-status.light {
833
+    .detailed-status__display-name {
834
+      .display-name {
835
+        strong {
836
+          color: $primary-text-color;
837
+        }
838
+      }
839
+    }
840
+    .status__content {
841
+      color: $primary-text-color;
842
+    }
843
+    .status-card,
844
+    .status-card__title,
845
+    .status-card__description {
846
+      color: $primary-text-color;
847
+    }
848
+  }
849
+}
850
+
851
+/* accounts.scss */
852
+.card {
853
+  .name {
854
+    color: darken($ui-primary-color, 15%);
855
+  }
856
+  .counter {
857
+    .counter-number {
858
+      color: darken($ui-primary-color, 15%);
859
+    }
860
+    border-color: $ui-primary-color;
861
+  }
862
+}
863
+
864
+.activity-stream-tabs {
865
+  a {
866
+    color: lighten($ui-primary-color, 10%);
867
+    &.active {
868
+      color: darken($ui-primary-color, 10%);
869
+    }
870
+  }
871
+}
872
+
873
+/* uncategorized */
874
+
875
+@media screen and (min-width: 1300px) {
876
+  .column {
877
+    flex-grow: 1 !important;
878
+    max-width: 400px;
879
+  }
880
+
881
+  .drawer {
882
+    width: 17%;
883
+    max-width: 400px;
884
+    min-width: 330px;
885
+  }
886
+}
887
+
888
+.status time:after,
889
+.detailed-status__datetime span:after {
890
+  font: normal normal normal 14px/1 FontAwesome;
891
+  content: "\00a0\00a0\f08e";
892
+}
893
+
894
+
895
+.column {
896
+  max-height:100vh;
897
+  & > .scrollable {
898
+    background-color: $ui-base-alt;
899
+  }
900
+}
901
+
902
+.empty-column-indicator, .error-column {
903
+  background-color: $ui-base-alt;
904
+}
905
+
906
+.actions .button.button-alternative {
907
+    background: $ui-highlight-color;
908
+    color: $white;
909
+
910
+    &:active,
911
+    &:focus,
912
+    &:hover {
913
+      background-color: lighten($ui-highlight-color, 4%);
914
+    }
915
+}
916
+
917
+.public-layout .header {
918
+  background: $ui-highlight-color;
919
+  color: $white;
920
+}
921
+
922
+.public-layout .public-account-header__tabs__name h1 {
923
+  color: $white;
924
+  small {
925
+    color: $white;
926
+  }
927
+}
928
+.public-layout .header .brand:hover, 
929
+.public-layout .header .brand:focus, 
930
+.public-layout .header .brand:active {
931
+  background: lighten($ui-highlight-color, 5%);
932
+}
933
+
934
+.public-layout .container:last-child {
935
+  background:$ui-highlight-color;
936
+  padding-left: 100px;
937
+  padding-right: 100px;
938
+  border-radius: 4px;
939
+  h4 {
940
+    color: white;
941
+  }
942
+}
943
+
944
+.modal-layout, .modal-layout__mastodon > * {
945
+  background: none;
946
+}
947
+
948
+.dashboard__widgets a:not(.name-tag) {
949
+  color: $primary-text-color;
950
+}

+ 1
- 0
config/locales/en.yml View File

@@ -1009,6 +1009,7 @@ en:
1009 1009
     default: Cybrespace
1010 1010
     mastodon: Mastodon
1011 1011
     mastodon-light: Mastodon (light)
1012
+    light: Cybre Lite
1012 1013
   time:
1013 1014
     formats:
1014 1015
       default: "%b %d, %Y, %H:%M"

+ 1
- 0
config/themes.yml View File

@@ -2,3 +2,4 @@ default: styles/cybre.scss
2 2
 mastodon: styles/application.scss
3 3
 contrast: styles/contrast.scss
4 4
 mastodon-light: styles/mastodon-light.scss
5
+light: styles/cybre-light.scss

Loading…
Cancel
Save