@rpg-engine/long-bow 0.7.7 → 0.7.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -26168,7 +26168,7 @@ var Chat = function Chat(_ref) {
26168
26168
  var ChatContainer = /*#__PURE__*/styled.div.withConfig({
26169
26169
  displayName: "Chat__ChatContainer",
26170
26170
  componentId: "sc-1bk05n6-0"
26171
- })(["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) {
26171
+ })(["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) {
26172
26172
  return props.width;
26173
26173
  }, function (props) {
26174
26174
  return props.height;
@@ -26180,7 +26180,7 @@ var CloseButton = /*#__PURE__*/styled.button.withConfig({
26180
26180
  var MessagesContainer = /*#__PURE__*/styled.div.withConfig({
26181
26181
  displayName: "Chat__MessagesContainer",
26182
26182
  componentId: "sc-1bk05n6-2"
26183
- })(["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;}"]);
26183
+ })(["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;}"]);
26184
26184
  var Message = /*#__PURE__*/styled.div.withConfig({
26185
26185
  displayName: "Chat__Message",
26186
26186
  componentId: "sc-1bk05n6-3"
@@ -26191,11 +26191,11 @@ var Message = /*#__PURE__*/styled.div.withConfig({
26191
26191
  var Form = /*#__PURE__*/styled.form.withConfig({
26192
26192
  displayName: "Chat__Form",
26193
26193
  componentId: "sc-1bk05n6-4"
26194
- })(["display:flex;padding:8px;background-color:#2a2a2a;"]);
26194
+ })(["display:flex;padding:8px;background-color:rgba(42,42,42,0.4);"]);
26195
26195
  var TextField = /*#__PURE__*/styled.input.withConfig({
26196
26196
  displayName: "Chat__TextField",
26197
26197
  componentId: "sc-1bk05n6-5"
26198
- })(["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;}"]);
26198
+ })(["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);}"]);
26199
26199
  var SendButton = /*#__PURE__*/styled.button.withConfig({
26200
26200
  displayName: "Chat__SendButton",
26201
26201
  componentId: "sc-1bk05n6-6"
@@ -26606,9 +26606,9 @@ var Tab = /*#__PURE__*/styled.button.withConfig({
26606
26606
  displayName: "ChatRevamp__Tab",
26607
26607
  componentId: "sc-1sdiknw-1"
26608
26608
  })(["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) {
26609
- return props.active ? '#c65102' : uiColors.gray;
26609
+ return props.active ? 'rgba(198, 81, 2, 0.5)' : 'rgba(128, 128, 128, 0.5)';
26610
26610
  }, function (props) {
26611
- return props.active ? uiColors.orange : 'transparent';
26611
+ return props.active ? uiColors.orange : 'rgba(0, 0, 0, 0.2)';
26612
26612
  }, function (props) {
26613
26613
  return props.active ? 'white' : uiColors.gray;
26614
26614
  });