#Snipe Menu New Themes.

1 messages · Page 1 of 1 (latest)

cobalt drift
#

Hello Everyone and Happy New Year i wish you to everyone health love and happiness. ❤️
This post have Customized CSS Themes for snipe-menu i will upload videos with code but first you need to follow my guide to make snipe-menu to find this themes.

  1. Open with VS Code or any editor the index.js (snipe-menu/html).
  2. Press CTRL+F and search : "Notorious By NRP",
  3. Replace it with this code.
"Notorious By NRP", "SnippetDiscordTheme",
  1. Save the file.
  2. Open with VS Code or any editor the index.css (snipe-menu/html).
  3. Press CTRL+F and search : [data-theme="Gworl"]
  4. Under this theme add the theme of our choice.
  5. Save and close all the files
  6. Restart snipe-menu or Server
  7. Left a feedback on this post and say Snipe Menu is the best. ❤️ 🙂

Playlist : https://www.youtube.com/playlist?list=PLz9Y57yGYPBDZW5Qv44FjFgHwwXa0VXp2

780f5267814cb48ca108f19007595bcc62ba3023.png
#

https://youtu.be/JnT0SToqUhA

[data-theme="SnippetDiscordTheme"] {
  --menu-base-border: rgba(255, 255, 255, 0.6);
  --menu-base-bg: rgba(255, 255, 255, 0.6);
  --inner-menu-bg: rgba(22, 27, 34, 0.5);
  --horizontal-nav-bar-active-bg: rgba(20, 20, 20, 0.4);
  --clicked-pane-non-panel: rgba(0, 255, 198, 0.3);
  --even-pane-panel: rgba(22, 27, 34, 0.6);
  --odd-pane-panel: rgba(22, 27, 34, 0.7);
  --light-text: #a5d6ff;
  --panel-title-color: rgba(0, 255, 198, 0.7);
  --input-txt-color: #ffffff;
  --panel-btns-bg: rgba(165, 214, 255, 0.6);
  --panel-btns-hover: rgba(40, 47, 58, 0.5);
  --panel-btns-disabled: rgba(165, 214, 255, 0.4);
  --admin-settings-save-btn-hover-bg: rgba(0, 230, 140, 0.6);
  --admin-settings-save-btn-hover-bg-text: rgba(255, 255, 255, 0.8);
  --panel-input-bg-color: rgba(14, 18, 23, 0.6);
  --input-error-color: rgba(255, 102, 102, 0.5);
  --dropdown-menu-bg: rgba(18, 18, 18, 0.6);
  --dropdown-menu-text: #a5d6ff;
  --dropdown-menu-hover: rgba(40, 47, 58, 0.4);
  --dropdown-chevron: rgba(0, 255, 198, 0.5);
  --admin-settings-border-bottom: rgba(255, 255, 255, 0.3);
  --admin-settings-drop-down-bg: rgba(12, 12, 12, 0.6);
  --admin-settings-drop-down-text: rgba(209, 209, 209, 0.8);
  --admin-settings-drop-down-hover: rgba(255, 255, 255, 0.4);
  --user-report-base-border: rgba(255, 255, 255, 0.2);
  --user-report-base-bg: rgba(22, 27, 34, 0.5);
  --user-report-header-footer-bg: rgba(22, 27, 34, 0.4);
  --user-report-light-text: #a5d6ff;
  --user-report-dark-text: #8b949e;
  --user-report-chat-message-border: rgba(75, 75, 75, 0.4);
  --user-report-self-chat-panel-bg-color: rgba(100, 100, 100, 0.3);
  --user-report-base-bg-opaque: rgba(25, 25, 25, 0.2);
  --spinner-outer-ring-bg: rgba(120, 120, 120, 0.3);
  --spinner-small-ring-color: rgba(100, 180, 250, 0.5);
  --admin-settings-drop-down-hover: rgba(255, 77, 77, 0.4);
  --admin-player-resource-bg: rgba(10, 200, 10, 0.2);
}
cobalt drift
#

https://youtu.be/PBP-8Qa4i_0

[data-theme="SnippetDiscordTheme"] {
  --menu-base-border: rgba(190, 240, 255, 0.6);
  --menu-base-bg: rgba(240, 230, 250, 0.5);
  --inner-menu-bg: rgba(200, 210, 255, 0.4);
  --horizontal-nav-bar-active-bg: rgba(170, 220, 240, 0.4);
  --clicked-pane-non-panel: rgba(255, 170, 200, 0.3);
  --even-pane-panel: rgba(230, 250, 255, 0.6);
  --odd-pane-panel: rgba(200, 230, 240, 0.5);
  --light-text: #e1e1e1;
  --panel-title-color: rgba(255, 230, 180, 0.9);
  --input-txt-color: #f1f1f1;
  --panel-btn-text-color: #f1f1f1;
  --panel-btns-bg: rgba(60, 90, 100, 0.9);
  --panel-btns-hover: rgba(50, 70, 80, 1);
  --panel-btns-disabled: rgba(40, 40, 40, 0.4);
  --admin-settings-save-btn-hover-bg: rgba(30, 120, 80, 0.8);
  --admin-settings-save-btn-hover-bg-text: rgba(255, 255, 255, 0.9);
  --panel-input-bg-color: rgba(245, 240, 250, 0.5);
  --input-error-color: rgba(250, 120, 120, 0.7);
  --dropdown-menu-bg: rgba(220, 250, 255, 0.6);
  --dropdown-menu-text: #f2f4f8;
  --dropdown-menu-hover: rgba(40, 50, 60, 0.8);
  --dropdown-chevron: rgba(130, 200, 210, 0.8);
  --admin-settings-border-bottom: rgba(180, 180, 255, 0.5);
  --admin-settings-drop-down-bg: rgba(40, 50, 70, 0.9);
  --admin-settings-drop-down-text: #e0e6ed;
  --admin-settings-drop-down-hover: rgba(255, 160, 220, 0.5);
  --user-report-base-border: rgba(240, 240, 255, 0.2);
  --user-report-base-bg: rgba(40, 50, 70, 0.7);
  --user-report-header-footer-bg: rgba(30, 40, 50, 0.8);
  --user-report-light-text: #f4f4f4;
  --user-report-dark-text: #c6d0d9;
  --user-report-chat-message-border: rgba(90, 90, 110, 0.3);
  --user-report-self-chat-panel-bg-color: rgba(40, 40, 60, 0.6);
  --user-report-base-bg-opaque: rgba(40, 40, 50, 0.3);
  --spinner-outer-ring-bg: rgba(200, 220, 250, 0.3);
  --spinner-small-ring-color: rgba(180, 240, 250, 0.5);
  --admin-settings-drop-down-hover: rgba(250, 150, 200, 0.5);
  --admin-player-resource-bg: rgba(10, 220, 180, 0.2);
}
#

https://youtu.be/RpFXjK4vSYM

[data-theme="SnippetDiscordTheme"] {
  --menu-base-border: rgba(255, 80, 20, 0.8); 
  --menu-base-bg: rgba(50, 10, 5, 0.9); 
  --inner-menu-bg: rgba(30, 5, 5, 0.8); 
  --horizontal-nav-bar-active-bg: rgba(90, 30, 10, 0.8); 
  --clicked-pane-non-panel: rgba(255, 100, 50, 0.5); 
  --even-pane-panel: rgba(40, 10, 5, 0.9); 
  --odd-pane-panel: rgba(45, 12, 6, 0.85); 
  --light-text: #ffddb3; 
  --panel-title-color: rgba(255, 120, 50, 0.9); 
  --input-txt-color: #fff2e0; 
  --panel-btn-text-color: #ffefd5; 
  --panel-btns-bg: rgba(90, 20, 10, 0.9); 
  --panel-btns-hover: rgba(140, 40, 20, 1); 
  --panel-btns-disabled: rgba(60, 20, 10, 0.5); 
  --admin-settings-save-btn-hover-bg: rgba(200, 40, 20, 0.9); 
  --admin-settings-save-btn-hover-bg-text: #ffeedd; 
  --panel-input-bg-color: rgba(70, 20, 10, 0.9); 
  --input-error-color: rgba(255, 50, 20, 0.7); 
  --dropdown-menu-bg: rgba(50, 15, 5, 0.9); 
  --dropdown-menu-text: #ffdbb5; 
  --dropdown-menu-hover: rgba(130, 40, 20, 0.8); 
  --dropdown-chevron: rgba(255, 100, 50, 0.9); 
  --admin-settings-border-bottom: rgba(255, 80, 20, 0.5); 
  --admin-settings-drop-down-bg: rgba(45, 15, 10, 0.8); 
  --admin-settings-drop-down-text: #ffe3cc; 
  --admin-settings-drop-down-hover: rgba(200, 60, 30, 0.6); 
  --user-report-base-border: rgba(100, 40, 20, 0.5); 
  --user-report-base-bg: rgba(45, 10, 5, 0.9); 
  --user-report-header-footer-bg: rgba(35, 10, 5, 0.8); 
  --user-report-light-text: #ffdbc1; 
  --user-report-dark-text: #ffd7b0; 
  --user-report-chat-message-border: rgba(120, 30, 20, 0.5); 
  --user-report-self-chat-panel-bg-color: rgba(60, 20, 15, 0.6); 
  --user-report-base-bg-opaque: rgba(30, 10, 5, 0.4); 
  --spinner-outer-ring-bg: rgba(140, 50, 20, 0.5); 
  --spinner-small-ring-color: rgba(255, 130, 60, 0.7); 
  --admin-settings-drop-down-hover: rgba(220, 80, 40, 0.6); 
  --admin-player-resource-bg: rgba(200, 50, 10, 0.2); 
}
cobalt drift
#

https://youtu.be/wXJ_9OYkvzI

[data-theme="SnippetDiscordTheme"] {
  --menu-base-border: rgba(100, 180, 200, 0.7);
  --menu-base-bg: rgba(20, 50, 70, 0.9);
  --inner-menu-bg: rgba(30, 60, 90, 0.8);
  --horizontal-nav-bar-active-bg: rgba(10, 40, 60, 0.8);
  --clicked-pane-non-panel: rgba(80, 150, 170, 0.5);
  --even-pane-panel: rgba(15, 45, 70, 0.9);
  --odd-pane-panel: rgba(25, 60, 85, 0.8);
  --light-text: #d0f4f8;
  --panel-title-color: rgba(100, 210, 240, 0.9);
  --input-txt-color: #e5faff;
  --panel-btn-text-color: #f2fcfe;
  --panel-btns-bg: rgba(10, 70, 90, 0.9);
  --panel-btns-hover: rgba(20, 100, 130, 1);
  --panel-btns-disabled: rgba(10, 40, 60, 0.5);
  --admin-settings-save-btn-hover-bg: rgba(40, 150, 180, 0.9);
  --admin-settings-save-btn-hover-bg-text: #e0faff;
  --panel-input-bg-color: rgba(30, 80, 100, 0.9);
  --input-error-color: rgba(50, 100, 120, 0.7);
  --dropdown-menu-bg: rgba(20, 60, 80, 0.9);
  --dropdown-menu-text: #d0f4f8;
  --dropdown-menu-hover: rgba(40, 90, 120, 0.8);
  --dropdown-chevron: rgba(100, 180, 200, 0.9);
  --admin-settings-border-bottom: rgba(40, 100, 140, 0.5);
  --admin-settings-drop-down-bg: rgba(25, 60, 85, 0.8);
  --admin-settings-drop-down-text: #dff7fa;
  --admin-settings-drop-down-hover: rgba(50, 120, 160, 0.6);
  --user-report-base-border: rgba(40, 80, 120, 0.5);
  --user-report-base-bg: rgba(15, 45, 70, 0.9);
  --user-report-header-footer-bg: rgba(20, 50, 80, 0.8);
  --user-report-light-text: #dff4fa;
  --user-report-dark-text: #bfd0d8;
  --user-report-chat-message-border: rgba(20, 60, 90, 0.5);
  --user-report-self-chat-panel-bg-color: rgba(25, 60, 85, 0.6);
  --user-report-base-bg-opaque: rgba(20, 50, 70, 0.4);
  --spinner-outer-ring-bg: rgba(80, 150, 200, 0.5);
  --spinner-small-ring-color: rgba(160, 220, 250, 0.7);
  --admin-settings-drop-down-hover: rgba(80, 180, 240, 0.5);
  --admin-player-resource-bg: rgba(50, 150, 200, 0.2);
}