@rpg-engine/long-bow 0.7.7 → 0.7.9

package/dist/long-bow.esm.js

@@ -26168,7 +26168,7 @@ var Chat = function Chat(_ref) {
 var ChatContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__ChatContainer",
   componentId: "sc-1bk05n6-0"
-})(["width:", ";height:", ";background-color:#1e1e1e;display:flex;flex-direction:column;position:relative;border-radius:8px;border:1px solid rgba(0,0,0,0.1);overflow:hidden;"], function (props) {
+})(["width:", ";height:", ";background-color:rgba(30,30,30,0.3);display:flex;flex-direction:column;position:relative;border-radius:8px;border:1px solid rgba(0,0,0,0.1);overflow:hidden;"], function (props) {
   return props.width;
 }, function (props) {
   return props.height;
@@ -26180,7 +26180,7 @@ var CloseButton = /*#__PURE__*/styled.button.withConfig({
 var MessagesContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__MessagesContainer",
   componentId: "sc-1bk05n6-2"
-})(["flex-grow:1;overflow-y:auto;padding:12px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:#333 #1e1e1e;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:#1e1e1e;}&::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px;}"]);
+})(["flex-grow:1;overflow-y:auto;padding:12px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(51,51,51,0.4) rgba(30,30,30,0.4);&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(30,30,30,0.4);}&::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,0.4);border-radius:3px;}"]);
 var Message = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__Message",
   componentId: "sc-1bk05n6-3"
@@ -26191,11 +26191,11 @@ var Message = /*#__PURE__*/styled.div.withConfig({
 var Form = /*#__PURE__*/styled.form.withConfig({
   displayName: "Chat__Form",
   componentId: "sc-1bk05n6-4"
-})(["display:flex;padding:8px;background-color:#2a2a2a;"]);
+})(["display:flex;padding:8px;background-color:rgba(42,42,42,0.4);"]);
 var TextField = /*#__PURE__*/styled.input.withConfig({
   displayName: "Chat__TextField",
   componentId: "sc-1bk05n6-5"
-})(["flex-grow:1;background-color:#1a1a1a;color:#ff6600;border:1px solid #333;border-radius:4px;padding:8px;margin-right:8px;font-family:'Press Start 2P',cursive;font-size:0.7rem;height:32px;transition:border-color 0.3s,background-color 0.3s;&::placeholder{color:#666;}&:focus{outline:none;border-color:#ff6600;background-color:#2a2a2a;}"]);
+})(["flex-grow:1;background-color:rgba(26,26,26,0.6);color:#ff6600;border:1px solid rgba(51,51,51,0.6);border-radius:4px;padding:8px;margin-right:8px;font-family:'Press Start 2P',cursive;font-size:0.7rem;height:32px;transition:border-color 0.3s,background-color 0.3s;&::placeholder{color:rgba(255,255,255,0.5);font-size:0.6rem;}&:focus{outline:none;border-color:#ff6600;background-color:rgba(42,42,42,0.9);}"]);
 var SendButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "Chat__SendButton",
   componentId: "sc-1bk05n6-6"
@@ -26560,6 +26560,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
         maxWidth: "140px",
         maxLines: 1
       }, character.name)), React.createElement(CloseButton$2, {
+        className: "close-button",
         onPointerDown: function onPointerDown() {
           return onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
         }
@@ -26606,11 +26607,11 @@ var Tab = /*#__PURE__*/styled.button.withConfig({
   displayName: "ChatRevamp__Tab",
   componentId: "sc-1sdiknw-1"
 })(["width:120px;color:white;font-size:0.8rem;all:unset;padding:0.6rem;font-size:0.8rem;border-radius:5px 5px 0 0;border-width:0.25rem 0.25rem 0 0.25rem;border-style:solid;border-color:", ";background-color:", ";color:", ";"], function (props) {
-  return props.active ? '#c65102' : uiColors.gray;
+  return props.active ? 'rgba(198, 81, 2, 0.5)' : 'rgba(128, 128, 128, 0.5)';
 }, function (props) {
-  return props.active ? uiColors.orange : 'transparent';
+  return props.active ? uiColors.orange : 'rgba(0, 0, 0, 0.2)';
 }, function (props) {
-  return props.active ? 'white' : uiColors.gray;
+  return props.active ? 'white' : uiColors.darkGray;
 });
 var PrivateChatContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChatRevamp__PrivateChatContainer",