0.4.0

default.css

@@ -0,0 +1,249 @@
+:root {
+    --theme-border: #446097;
+    --theme-gradient: rgba(254, 254, 254, 1) 0%, var(--theme-lighter) 100%;
+    --theme-button: inset -10px -10px 14px -5px var(--theme-light),
+      inset 10px 10px 14px -10px var(--theme-lightest);
+    --theme-hover: rgba(212, 221, 252, 0.25);
+
+    --theme-white: #f6faff;
+    --theme-lightest: #f6f7fa;
+    --theme-lighter: #cdd9ee;
+    --theme-light: #8297c2;
+    --theme-accent: #5590ff;
+    --theme-dark: #446097;
+    --theme-darker: #2e3a5f;
+    --theme-darkest: #1e2a4f;
+  }
+
+  /* -=-=- WINDOWS TITLEBAR -=-=- */
+  div.typeWindows__5fa63 {
+    /* background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/topbarmsn9.png); */
+    background: linear-gradient(0deg, var(--theme-white) 0%, var(--theme-lightest) 50%, var(--theme-lighter) 100%);
+    height: 24px;
+  }
+
+  .theme-light .container__4bde3 {
+    background: linear-gradient(180deg, var(--theme-gradient));
+  }
+
+  .container__11d72.themed_b152d4,
+  .header__104ca,
+  .searchBar_e4ea2a,
+  .theme-light .tutorialContainer__890ea {
+    /* background: url(http://www.netscape-communications.com/wp-content/uploads/2021/07/middlebar.png); */
+    background: linear-gradient(0deg, var(--theme-lightest) 0%, var(--theme-lighter) 45%, var(--theme-lightest) 45%, var(--theme-white) 99%); 
+    background-repeat: repeat-x;
+    background-size: contain;
+  }
+
+  /* embedded/ item cards */
+
+  .theme-light .itemCard__1f162,
+  .connectionHeader__3c82d {
+    border: 1px solid var(--theme-border);
+    background: linear-gradient(
+      0deg,
+      var(--theme-lightest) 0%,
+      #e9eef4 35%,
+      #ebf0fa 65%,
+      var(--theme-white) 90%,
+      var(--theme-lighter) 100%
+    );
+  }
+
+  .theme-light .body__83069 > .section_efc22d {
+    background: linear-gradient(
+      0deg,
+      var(--theme-white) 0%,
+      var(--theme-lighter) 100%
+    );
+    margin: -8px -16px -16px;
+    border-radius: 8px;
+  }
+
+  .connectionOptionsWrapper_abe849 {
+    background: linear-gradient(
+      0deg,
+      #ecf1f7 0%,
+      var(--theme-lighter) 100%
+    );
+    border: 1px solid var(--theme-border);
+    margin-top: -1px;
+    border-radius: 0px 0px 6px 6px;
+  }
+
+  /* hover on message */
+  .scrollerInner__059a5 > li:hover,
+  .scrollerInner__059a5 > li.selected-3s45Ha {
+    background-color: var(--theme-hover);
+  }
+
+  /* active now */
+  .theme-light .container_b2ce9c,
+  .theme-light .members__9f47b,
+  .theme-light .scroller__00e7e {
+    background: url(https://numoder.github.io/dsn10-theme/themes/backgrounds/default.png),
+      linear-gradient(
+        0deg,
+        var(--theme-lighter) 0%,
+        var(--theme-lightest) 65%,
+        var(--theme-white) 100%
+      );
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: right bottom;
+  }
+
+  .theme-light .scroller__00e7e {
+    background-size: 360px;
+    margin-left: 0px;
+  }
+
+  .section_efc22d {
+    padding: 4px;
+  }
+
+  .activitySectionAssets_ea2444 .borderRadius0_b7b155 {
+    border-radius: 4px;
+  }
+
+  /* server without picture */
+  .theme-light div.childWrapper__01b9c.acronym_cd4809 {
+    background: #f3f3fd !important;
+    border: 1px solid var(--theme-border);
+    box-shadow: inset -10px -10px 14px -5px var(--theme-light),
+      inset 10px 10px 14px -10px var(--theme-white);
+    color: black;
+    border-radius: 50%;
+    height: 46px !important;
+  }
+
+  .theme-light .wrapper_d281dd .acronym_cd4809:hover,
+  .theme-light .wrapper_d281dd.selected_f5ec8e > .acronym_cd4809 {
+    background-color: var(--theme-white);
+    border-radius: 25%;
+    color: var(--theme-border);
+    box-shadow: #7ebbc4 6px inset;
+    transition: 0.25s;
+  }
+
+  .message__80c10.selected_fd9051 {
+    background: var(--theme-lightest) !important;
+  }
+
+  .message__80c10.selected_fd9051.mentioned__58017 {
+  }
+
+  .mentioned__58017:hover{
+    background: var(--background-mentioned) !important;
+  }
+
+  /* -=-=- UNTHEMED PROFILE -=-=- */
+
+  /* inner */
+  .theme-light .userProfileOuterUnthemed__48723 > .userPopoutInner_f545a3,
+  .theme-light .userProfileOuterUnthemed__48723 > .userProfileInnerThemedNonPremium__3d0a6,
+  .theme-light .userProfileOuterUnthemed__48723 > .userPanelInner_eddf4c {
+    background: linear-gradient(
+      0deg,
+      rgba(205, 218, 240, 1) 0%,
+      rgba(235, 240, 250, 1) 65%,
+      rgb(255, 255, 255) 100%
+    );
+  }
+
+  .theme-light .userProfileOuterUnthemed__48723 > .userPopoutInner_f545a3 > .userPopoutOverlayBackground_d8afa4,
+  .theme-light .userProfileInnerThemedNonPremium__3d0a6 > .userProfileModalOverlayBackground__52d65,
+  .theme-light .userProfileOuterUnthemed__48723 > .userPanelInner_eddf4c > .none__51a8f > .userPanelOverlayBackground__34fc8 {
+    background: rgba(255, 255, 255, 0.75);
+    border: 1px solid var(--theme-border);
+  }
+
+  .userPanelOverlayBackground__34fc8 > .divider__2bbbc{
+    background-color: #dfe0e0 !important;
+  }
+
+  /* server role */
+  .theme-light .membersGroup__85843 {
+    background: linear-gradient(180deg, #cfdbeb, #fdfeff);
+  }
+
+  .theme-light .wrapper__0ed4a > .container_d667ff,
+  .theme-light .vc-addon-card,
+  div.attachment_f3cf2c,
+  .theme-light .grid_c7c4e6,
+  div.messageAttachment_b97504 > div.wrapperAudio__555ce {
+    background-color: #f3f3fd;
+    border: 1px solid var(--light-msn-border);
+    box-shadow: inset -10px -10px 14px -5px #8297c2,
+      inset 12.5px 12.5px 14px -10px white;
+    border-radius: 5px;
+    background-size: contain;
+  }
+
+  /* button colorbrand default */
+  .button_afdfd9.colorBrand_b2253e:not(
+      .button__4f306,
+      .lookBlank__7ca0a,
+      .actionButtons_b58cbb > button,
+      .actionButtons_b58cbb > div > button
+    ),
+  .tabBar__73938[role="tablist"] > div:not(:last-child),
+  .button_afdfd9.colorBrandNew_fd170a {
+    background: linear-gradient(
+      0deg,
+      #d6dbef 0%,
+      #ffffff 100%
+    ) !important;
+    color: #848bbc !important;
+    border-radius: 0 !important;
+  }
+
+  .tabBar__73938[role="tablist"] > div:not(:last-child){
+    border-radius: 3px !important;
+  }
+
+
+  /* button colorbrand onclick */
+  .button_afdfd9.colorBrand_b2253e:not(
+      .button__4f306,
+      .lookBlank__7ca0a,
+      .actionButtons_b58cbb > button,
+      .actionButtons_b58cbb > div > button
+    ):active,
+  .button_afdfd9.colorBrandNew_fd170a:not(:disabled):active {
+    background: linear-gradient(
+      0deg,
+      #ffffff 0%,
+      #d6dbef 100%
+    ) !important;
+  }
+
+  /* voicecall box */
+  .theme-light .activityPanel__22355,
+  .theme-light .container_d667ff,
+  .panels__58331 > div {
+    background-color: #f3f3fd;
+    border: 1px solid var(--theme-border);
+    box-shadow: inset -10px -10px 14px -5px #8297c2,
+      inset 10px 10px 14px -10px white;
+    border-radius: 0px !important;
+    background-size: contain;
+    margin: 0px 0px -2px 0px;
+  }
+
+  .theme-light .panels__58331 > div {
+    background: var(--theme-lighter) !important;
+  }
+
+  .scrollerInner__059a5 > .container_b03b4b {
+    background: linear-gradient(
+      0deg,
+      transparent 15%,
+      #5590ff40 100%
+    );
+    margin: 0px;
+    /* border: 1px solid #d2dbfc; */
+    border-radius: 0px;
+    padding: 15px;
+  }

dsn10-friends.css

@@ -1,10 +1,101 @@
-.subtext__1a662 > .activity__24558 > .text__1dddb, .subText_ed6eed > .activity_a8c37a > .activityText__84949, .activityText__47ec1, .linkBottom_bac113 > div, .statusDiv_a4cf67 > div{
+/* friends list */
+
+.peopleListItem_d14722,
+.peopleListItem_d14722:hover,
+.peopleListItem_d14722:active,
+.peopleListItem_d14722.active__6b8ff {
+  margin: 0px;
+  border-radius: 0px;
+  padding: 0px;
+  border-top: none;
+}
+
+.peopleListItem_d14722:focus {
+  outline: 1px dotted var(--text-primary);
+  outline-offset: -4px;
+}
+
+.peopleColumn__51df3 > .searchBar_ff8800 {
+  background-color: #ecf0f5;
+  border-top: 1px solid #d6dcf2;
+  padding: 20px;
+  margin: 0px;
+  order: 3;
+}
+
+.searchBar_ff8800 > div.inner__999f6 {
+  background: white;
+  border: 1px solid #8396c3;
+}
+
+.actionButton__23182.highlight__5b64b {
+  background-color: transparent;
+}
+
+.peopleListItem_d14722:hover,
+.peopleListItem_d14722:hover > .actions_c08157,
+.actions_c08157 > div:hover,
+.messageRequestItem__3b951:hover {
+  background-color: hsla(217, 100%, 50%, 0.125);
+  box-shadow: inset 1px 1px 0px 0px rgba(79, 107, 160, 0.5),
+    inset -1px -1px 0px 0px rgba(174, 186, 223, 0.5);
+  border-radius: 0;
+}
+
+.peopleListItem_d14722:active,
+.peopleListItem_d14722:active > .actions_c08157,
+.actions_c08157 > div:active,
+.messageRequestItem__3b951:active {
+  background-color: hsla(217, 100%, 71%, 0.125);
+  box-shadow: inset -1px -1px 0px 0px rgba(79, 107, 160, 1),
+    inset 1px 1px 0px 0px rgba(174, 186, 223, 1);
+  border-radius: 0;
+}
+
+.listItemContents__7c940 {
+  margin-left: 15px;
+}
+
+.actions_c08157 {
+  margin-right: 15px;
+}
+
+.colorWarning__216d2 {
+  border-radius: 0;
+  border: 1px solid white;
+  font-family: var(--font-small) !important;
+  font-size: var(--font-small-size) !important;
+  background: linear-gradient(
+    0deg,
+    rgba(255, 219, 173, 1) 3%,
+    rgba(246, 185, 0, 1) 50%,
+    rgba(255, 209, 15, 1) 50%,
+    rgba(255, 251, 193, 1) 100%
+  );
+  padding: 5px;
+}
+
+/* light explorer */
+
+/* dark explorer */
+
+.linkBottom_bac113 > div,
+.statusDiv_a4cf67 > div,
+.optionName__81070,
+span.tipSubtext_d3460f,
+.messageContent__21e69,
+.repliedTextPreview__90311 {
   font-family: var(--font-small);
-  font-size: 11px !important;
-}   
+  font-size: var(--font-small-size);
+}
+
+.activityText__47ec1 > strong {
+  font-family: var(--font-code);
+  font-size: 12px !important;
+}
 
 .theme-light .tabBody_b3d268 {
-  background: linear-gradient(180deg,#fcfcfe,#f4f3ee);
+  background: linear-gradient(180deg, #fcfcfe, #f4f3ee);
   padding: 0px;
   border: 1px solid #919b9c;
 }